HTML DOM Input Date Object

‎شئInput Date

‎شئInput Date منتسب با يك عنصرHTML ‎<input>‎ ميباشد .با شئ فوق ‎ميتوان عنصرHTML ‎<input>‎ صفحه را بصورت اقدامات شئ گرائي مديريت كرد.

‎بايد عنصر‎<input>‎ مرتبط با شئInput Date داراي ويژگيtype="date‎"‎ ‎باشد .مقدار پيش فرض ويژگيtype براي عنصر input مقدار ‎"text‎"‎ميباشد .

‎دسترسي به شئInput Date

‎مثال ـ دسترسي به شئInput Date باid="myDate‎"‎

var x = document.getElementById("myDate");

‎ايجاد شئInput Date

‎با متد‎document.createElement()‎‎ ميتوان شئInput Date را ايجاد نمود .بعبارتي ‎ميتوان عنصر‎<input>‎ را با ويژگيtype="date‎"‎ ايجاد كرد.

‎مثال ـ ايجاد شئInput Date

var x = document.createElement("INPUT");
x.setAttribute("type", "date");

‎ويژگي هايInput Date Object

‎ويژگي	‎شرح
autocomplete	‎مقدار ويژگيautocomplete را تنظيم ويابرگشت ميدهد . ‎ويژگي تكميل خودكار شئInput Date
autofocus	‎ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود.
defaultValue	‎مقدار پيش فرض فيلد تاريخ راتنظيم ويا برميگرداند.
disabled	‎وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد.
form	‎ويژگيform مشخص ميكند كه فيلد تاريخ ، متعلق بكدام عنصرفرم است.
list	‎فهرستي از عنصر‎<datalist>‎ كه شامل ليستي ازتاريخ است برگشت ميدهد.
max	‎ماكزيمم براي فيلد تاريخ مشخص ميكند.
min	‎ويژگي مقدار مينيمم براي فيلد تاريخ مشخص ميكند
name	‎ويژگيname نامي را براي ورودي تاريخ مشخص ميكند.
readonly	‎مشخص ميكند كه فيلد تاريخ فقط خواندني است
required	‎مشخص ميكند كه فيلد تاريخ ضروري است وبايد تكميل شود.
step	‎مقدار ويژگيstep فيلد تاريخ را مشخص ميكند . ‎مقدار ويژگيstep براي جزء روز ‎(DD)‎ عمل ميشود .
type	‎ويژگيtype نوع عنصر ورودي را مشخص ميكند . type="date‎"‎برايInput Date
value	‎مقدار ويژگيvalue را براي فيلد برگشت ويا تنظيم ميكند.

‎متدهاي شئInput Date

‎متد	‎شرح
select()	‎يك فيلد متني تاريخ را انتخاب ميكند
stepDown()	‎محتوي يك فيلد تاريخ رابا عدد مشخصي برحسب روزكاهش ميدهد. ‎فقط روز تاريخ، جزءDD مستقيم تغيير ميكند ولي دراثر تغيير بقيه اجزاء هم تنظيم ميشود .
stepUp()	‎محتوي يك فيلد تاريخ با عدد مشخصي برحسب روزافزايش ميدهد. ‎فقط روز تاريخ، جزءDD مستقيم تغيير وبا اجزاء ديگر تاريخ تنظيم ميشود .

‎تشريح بعضي از ويژگي هاي شئInput Date دراين صفحه .مابقي در صفحات مخصوص كه درلينك ‎جدول آمده است ، تشريح ميشوند.

‎ويژگيInput Date defaultValue

‎ويژگيInput Date defaultValue مقدار ويژگيdefaultValue عنصر‎<input>‎ مرتبط ‎با شئInput Date را ‎تنظيم ويا برگشت ميدهد .مقدار اين ويژگي پيش فرض تاريخ را براي فيلد تاريخ مشخص ميكند، كه شئ Input Date‎نمايانگر فيلد تاريخ ميباشد.

‎مثال ـ تغيير مقدار پيش فرض يك فيلد تاريخ

document.getElementById("myDate").defaultValue = "2014-02-09";

‎تفاوت بين ويژگيdefaultValue و value دراين است كه اولي مقدار پيش فرض عنصر مرتبط بوده ‎ودومي مقدار جاري آن است . اگر مقدار براي عنصر تغيير نكند اين دو برابر ميباشند.

‎ويژگيdefaultValue براي بررسي تغييرمقدار عنصر مرتبط ميتواند استفاده شود .درهمين زمينه ‎بدنبال مثالي آمده است.

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
inputdateObject.defaultValue

‎فرمت تنظيم ويژگي
inputdateObject.defaultValue=value

‎مثال ـ دريافت مقدار پيش فرض فيلد تاريخ

var x = document.getElementById("myDate").defaultValue;

‎مثال ـ نمونه اي براي نمايش تفاوت دو ويژگيdefaultValue و value

var x = document.getElementById("myDate");
var defaultVal = x.defaultValue;
var currentVal = x.value;

--(go to editor for change code and run)

‎ويژگيInput Date max

‎ويژگيInput Date max مقدار ويژگيmax عنصر‎<input>‎ مرتبط با شئInput Date را ‎تنظيم ويا برگشت ميدهد .مقدار اين ويژگي حداكثر تاريخ را براي فيلد تاريخ مشخص ميكند، كه شئ Input Date‎نمايانگر فيلد تاريخ ميباشد.

‎مثال ـ دريافت ماكزيمم تاريخ مجاز براي فيلد تاريخ

var x = document.getElementById("myDate").max;

‎نكته ـ از ويژگيmax همراهmin براي محدوده تاريخ قابل قبول استفاده كنيد.

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
inputdateObject.max

‎فرمت تنظيم ويژگي
inputdateObject.max=YYYY-MM-DD

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

YYYY-MM-DD ‎ماكريمم تاريخ مجاز براي فيلد تاريخ
‎تشريح اجزاء ويژگي:

YYYY‎ـ سال . مثال ‎2009‎

MM‎ـ ماه . مثل ‎01‎

DD‎ـ روز . مثال ‎02‎

‎مثال ـ تغيير مقدار ماكزيمم فيلد تاريخ

document.getElementById("myDate").max = "2014-01-01";

<!DOCTYPE html> <html> <body> Date: <input type="date" id="myDate" name="bday" min="1980-01-01" max="2000-01-01"> <p>Click the button to change the value of the max attribute of the date field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { let x = document.getElementById("myDate").max = "2014-01-01"; document.getElementById("demo").innerHTML = "The value of the max attribute was changed from '2000-01-01' to '2014-01-01'."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Date min

‎ويژگيInput Date min مقدار ويژگيmin عنصر‎<input>‎ مرتبط با شئInput Date را ‎تنظيم ويا برگشت ميدهد .مقدار اين ويژگي حداقل تاريخ را براي فيلد تاريخ مشخص ميكند، كه شئ Input Date‎نمايانگر فيلد تاريخ ميباشد.

‎مثال ـ دريافت مي نيمم تاريخ مجاز براي فيلد تاريخ

var x = document.getElementById("myDate").min;

<!DOCTYPE html> <html> <body> Enter a date between 1980-01-01 and 2000-01-01: <input type="date" id="myDate" name="bday" min="1980-01-01" max="2000-01-01"> <p>Click the button to display the value of the min attribute of the date field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { let x = document.getElementById("myDate").min; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎نكته ـ از ويژگيmax همراهmin براي محدوده تاريخ قابل قبول استفاده كنيد.

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
inputdateObject.min

‎فرمت تنظيم ويژگي
inputdateObject.min=YYYY-MM-DD

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

YYYY-MM-DD ‎حداقل تاريخ مجاز براي فيلد تاريخ
‎تشريح اجزاء ويژگي:

YYYY‎ـ سال . مثال ‎2009‎

MM‎ـ ماه . مثل ‎01‎

DD‎ـ روز . مثال ‎02‎

‎مثال ـ تغيير مقدار مينيمم فيلد تاريخ

document.getElementById("myDate").min = "1999-01-01";

<!DOCTYPE html> <html> <body> Date: <input type="date" id="myDate" name="bday" min="1980-01-01" max="2000-01-01"> <p>Click the button to change the value of the min attribute of the date field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { let x = document.getElementById("myDate").min = "1999-01-01"; document.getElementById("demo").innerHTML = "The value of the min attribute was changed from '1980-01-01' to '1999-01-01'."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Date step

‎ويژگيInput Date step مقدار ويژگيstep عنصر‎<input>‎ مرتبط با شئInput Date را ‎تنظيم ويا برگشت ميدهد .مقدار اين ويژگي روي روز فيلد تاريخ، كه شئ Input Date‎نمايانگر آن است تاثير ميكند.

‎ويژگيstep براي فيلد تاريخ فواصل قانوني را مشخص ميبكند كه كاربر ميتواند تقويم را درفيلد ‎تاريخ باز كند .فاصله فقط در روز تاريخ تاثير دارد .بعنوان مثال اگرstep="2‎"‎باشد، تقويم ‎با فاصله دو روز دو روز ميتواند انتخاب شود.

‎مثال ـ تغيير فواصل روز قانوني در تقويم انتخاب

document.getElementById("myDate").step = "2";

<!DOCTYPE html> <html> <body> Date: <input type="date" id="myDate"> <p>Click the button to change the value of the step attribute of the date field.</p> <p><b>Tip:</b> Open the calendar on the right side of the date field before and after you click the button, to see the effect.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { document.getElementById("myDate").step = "2"; document.getElementById("demo").innerHTML = "Step was set to '2', meaning that the user can only select every second day in the calendar."; } </script> </body> </html>
--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
inputdateObject.step

‎فرمت تنظيم ويژگي
inputdateObject.step=number

‎مثال ـ دريافت ويژگيstep

var x = document.getElementById("myDate").step;

<!DOCTYPE html> <html> <body> Date: <input type="date" id="myDate" step="5"> <p>Click the button to display the value of the step attribute of the date field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { let x = document.getElementById("myDate").step; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Date Value

‎ويژگيInput Date value مقدار ويژگيvalue عنصر‎<input>‎ مرتبط ‎با شئInput Date را ‎تنظيم ويا برگشت ميدهد .اين ويژگي تاريخ را براي فيلد ورودي تاريخ مشخص ميكند، كه شئ Input Date‎نمايانگر فيلد تاريخ ميباشد.

‎مثال ـ تغيير مقدار يك فيلد ورودي تاريخ

document.getElementById("myDate").value = "2014-02-09";

<!DOCTYPE html> <html> <body> Birthday: <input type="date" id="myDate"> <p>Click the button to set a date for the date field.</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { document.getElementById("myDate").value = "2014-02-09"; } </script> </body> </html>
--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
inputdateObject.value

‎فرمت تنظيم ويژگي
inputdateObject.value=YYYY-MM-DD

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

YYYY-MM-DD ‎براي فيلد ورودي تاريخ، تاريخ رامشخص ميكند.
‎تشريح اجزاء ويژگي:

YYYY‎ـ سال . مثال ‎2009‎

MM‎ـ ماه . مثل ‎01‎

DD‎ـ روز . مثال ‎02‎

‎مثال ـ‎‎"2014-‎02-‎09‎"‎ يعني نهم فوريه سال ‎(09/02/2014) 2014‎

‎مثال ـ دريافت تاريخ از فيلد ورودي تاريخ

var x = document.getElementById("myDate").value;

<!DOCTYPE html> <html> <body> <input type="date" id="myDate" value="2000-05-05"> <p>Click the button to get the date of the date field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { let x = document.getElementById("myDate").value; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎شئInput Date از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute

Previous > <Next

HTML DOM Input Date Object

‎شئInput Date

‎دسترسي به شئInput Date

--(go to editor for change code and run)

‎ايجاد شئInput Date

--(go to editor for change code and run)

‎ويژگي هايInput Date Object

‎متدهاي شئInput Date

‎ويژگيInput Date defaultValue

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي inputdateObject.defaultValue

‎فرمت تنظيم ويژگي inputdateObject.defaultValue=value

--(go to editor for change code and run)

--(go to editor for change code and run)

‎ويژگيInput Date max

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي inputdateObject.max

‎فرمت تنظيم ويژگي inputdateObject.max=YYYY-MM-DD

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Date min

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي inputdateObject.min

‎فرمت تنظيم ويژگي inputdateObject.min=YYYY-MM-DD

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Date step

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي inputdateObject.step

‎فرمت تنظيم ويژگي inputdateObject.step=number

--(go to editor for change code and run)

‎ويژگيInput Date Value

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي inputdateObject.value

‎فرمت تنظيم ويژگي inputdateObject.value=YYYY-MM-DD

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎صفحات مرتبط

HTML DOM Objectsفهرست =

‎فرمت برگشت ويژگي
inputdateObject.defaultValue

‎فرمت تنظيم ويژگي
inputdateObject.defaultValue=value

‎فرمت برگشت ويژگي
inputdateObject.max

‎فرمت تنظيم ويژگي
inputdateObject.max=YYYY-MM-DD

‎فرمت برگشت ويژگي
inputdateObject.min

‎فرمت تنظيم ويژگي
inputdateObject.min=YYYY-MM-DD

‎فرمت برگشت ويژگي
inputdateObject.step

‎فرمت تنظيم ويژگي
inputdateObject.step=number

‎فرمت برگشت ويژگي
inputdateObject.value

‎فرمت تنظيم ويژگي
inputdateObject.value=YYYY-MM-DD