HTML DOM Input DatetimeLocal Object

‎شئInput DatetimeLocal ـ تاريح وزمان مخلي

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

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

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

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

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

‎ايجاد شئInput DatetimeLocal

‎با متد‎document.createElement()‎‎ ميتوان شئInput DatetimeLocal را ايجاد نمود. ‎بعبارتي ميتوان عنصر‎<input>‎ را با ويژگيtype="datetime-‎local‎"‎ ايجاد كرد. ‎اين نوع فيلد براي فرمت تاريخ وزمان محلي بدون منطقه زماني‎(TZD)‎ ميباشد .

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

var x = document.createElement("INPUT");
x.setAttribute("type", "datetime-local");

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

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

‎متدهاي شئInput DatatimeLoal

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

‎ويژگيInput DatetimeLocal

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

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

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

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

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

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

‎فرمت تنظيم ويژگي
datetimelocalObject.max=YYYY-MM-DDThh:mm:ss.ms

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

‎مقدار ‎شرح

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

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

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

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

T‎ـ يك جدا كننده ضروري درصورت مشخص نمودن زمان

hh‎ـ ساعت .براي مثال ‎10.00pm‎

mm‎ـ دقيقه . براي مثال ‎55‎

ss‎ـ ثانيه . براي مثال ‎03‎
<>ms‎ـ ميلي ثانيه . براي مثال ‎510‎

‎مثال ـ تغيير ماكزيمم تاريخ وزمان

document.getElementById("myLocalDate").max = "2012-01-01T22:22:55";

<!DOCTYPE html> <html> <body> Date and time: <input type="datetime-local" id="myLocalDate" min="2000-10-06T22:22:55" max="2014-11-16T21:25:33"> <p>Click the button to change the value of the max attribute of the local datetime field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="datetime-local" do not show as any datetime field/calendar in Firefox.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myLocalDate").max = "2012-01-01T22:22:55"; document.getElementById("demo").innerHTML = "The value of the max attribute was changed from '2014-11-16T21:25:33' to '2012-01-01T22:22:55'."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput DatetimeLocal min

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

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

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

<!DOCTYPE html> <html> <body> Enter a date and time between 2000-10-06 22:22:55 and 2014-11-16 21:25:33: <input type="datetime-local" id="myLocalDate" min="2000-10-06T22:22:55" max="2014-11-16T21:25:33"> <p>Click the button to display the value of the min attribute of the local datetime field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="datetime-local" do not show as any datetime field/calendar in Firefox.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myLocalDate").min; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

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

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

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

‎فرمت تنظيم ويژگي
datetimelocalObject.min=YYYY-MM-DD
Thh:mm:ss.ms

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

‎مقادير ويژگي مطابق جدول ويژگيmax ميباشد .

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

document.getElementById("myLocalDate").min = "2006-05-05T16:15:23";

<!DOCTYPE html> <html> <body> Date and time: <input type="datetime-local" id="myLocalDate" min="2000-10-06T22:22:55" max="2014-11-16T21:25:33"> <p>Click the button to change the value of the min attribute of the local datetime field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="datetime-local" do not show as any datetime field/calendar in Firefox.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myLocalDate").min = "2006-05-05T16:15:23"; document.getElementById("demo").innerHTML = "The value of the min attribute was changed from '2000-10-06T22:22:55' to '2006-05-05T16:15:23'."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput DatetimeLocal Value

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

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

document.getElementById("myLocalDate").value = "2014-01-02T11:42:13.510";

<!DOCTYPE html> <html> <body> Date: <input type="datetime-local" id="myLocalDate"> <p>Click the button to set a local date and time for the datetime field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="datetime-local" do not show as any datetime field/calendar in Firefox.</p> <script> function myFunction() { document.getElementById("myLocalDate").value = "2014-01-02T11:42:13.510"; } </script> </body> </html>
--(go to editor for change code and run)

‎پشتيباني مرورگرBrowser Support -‎

‎ويژگي

value Yes 10.0 Yes Yes Yes

‎توجه ـ عنصر‎<input type="datetime-‎local"> هيچ زماني را درتقويمFirefox نشان نمي دهد.

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

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

‎فرمت تنظيم ويژگي
datetimelocalObject.max=YYYY-MM-DDThh:mm:ss.ms

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

‎مقدار ‎شرح

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

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

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

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

T‎ـ يك جدا كننده ضروري درصورت مشخص نمودن زمان

hh‎ـ ساعت .براي مثال ‎10.00pm‎

mm‎ـ دقيقه . براي مثال ‎55‎

ss‎ـ ثانيه . براي مثال ‎03‎
<>ms‎ـ ميلي ثانيه . براي مثال ‎510‎

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

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

<!DOCTYPE html> <html> <body> <input type="datetime-local" id="myLocalDate" value="2014-11-16T15:25:33"> <p>Click the button to get the local date and time of the datetime field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="datetime-local" do not show as any datetime field/calendar in Firefox.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myLocalDate").value; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

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

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute

Previous > <Next

HTML DOM Input DatetimeLocal Object

‎شئInput DatetimeLocal ـ تاريح وزمان مخلي

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

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

‎ايجاد شئInput DatetimeLocal

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

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

‎متدهاي شئInput DatatimeLoal

‎ويژگيInput DatetimeLocal

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

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

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

‎فرمت تنظيم ويژگي
datetimelocalObject.max=YYYY-MM-DDThh:mm:ss.ms

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

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

‎ويژگيInput DatetimeLocal min

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

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

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

‎فرمت تنظيم ويژگي
datetimelocalObject.min=YYYY-MM-DD
Thh:mm:ss.ms

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

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

‎ويژگيInput DatetimeLocal Value

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

‎پشتيباني مرورگرBrowser Support -‎

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

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

‎فرمت تنظيم ويژگي
datetimelocalObject.max=YYYY-MM-DDThh:mm:ss.ms

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

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

‎صفحات مرتبط

HTML DOM Objectsفهرست =

HTML DOM Input DatetimeLocal Object

‎شئInput DatetimeLocal ـ تاريح وزمان مخلي

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

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

‎ايجاد شئInput DatetimeLocal

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

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

‎متدهاي شئInput DatatimeLoal

‎ويژگيInput DatetimeLocal

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

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

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

‎فرمت تنظيم ويژگي datetimelocalObject.max=YYYY-MM-DDThh:mm:ss.ms

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

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

‎ويژگيInput DatetimeLocal min

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

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

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

‎فرمت تنظيم ويژگي datetimelocalObject.min=YYYY-MM-DDThh:mm:ss.ms

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

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

‎ويژگيInput DatetimeLocal Value

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

‎پشتيباني مرورگرBrowser Support -‎

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

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

‎فرمت تنظيم ويژگي datetimelocalObject.max=YYYY-MM-DDThh:mm:ss.ms

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

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

‎صفحات مرتبط

HTML DOM Objectsفهرست =

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

‎فرمت تنظيم ويژگي
datetimelocalObject.max=YYYY-MM-DDThh:mm:ss.ms

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

‎فرمت تنظيم ويژگي
datetimelocalObject.min=YYYY-MM-DD
Thh:mm:ss.ms

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

‎فرمت تنظيم ويژگي
datetimelocalObject.max=YYYY-MM-DDThh:mm:ss.ms