HTML DOM Input Datetime Object

‎شئInput Datetime ـ تاريح وزمان

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

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

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

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

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

‎ايجاد شئInput Datetime

‎با متد‎document.createElement()‎‎ ميتوان شئInput Datetime را ايجاد نمود .بعبارتي ‎ميتوان عنصر‎<input>‎ را با ويژگيtype="datetime‎"‎ ايجاد كرد . اين نوع فيلد ‎براي فرمت تاريخ وزمان ميباشد.

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

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

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

‎متدهاي شئInput Datatime

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

‎ويژگيInput Datetime max

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

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

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

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

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

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

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

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

‎مقدار ‎شرح

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

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

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

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

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

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

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

ss‎ـ ثانيه . براي مثال ‎03‎

TZD‎ـ تعيين كننده منطقه زماني

‎ويژگيInput Datetime min

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

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

document.getElementById("myDatetime").max = "2012-01-01T11:57Z";

<!DOCTYPE html> <html> <body> Date and time: <input type="datetime" id="myDatetime" min="2000-01-01T22:57Z" max="2014-02-06T22:57Z"> <p>Click the button to change the value of the max attribute of the datetime field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="datetime" do not show as any datetime field/calendar in any of the major browsers, except Safari.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myDatetime").max = "2012-01-01T11:57Z"; document.getElementById("demo").innerHTML = "The value of the max attribute was changed from '2014-02-06T22:57Z' to '2012-01-01T11:57Z'."; } </script> </body> </html>
--(go to editor for change code and run)

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

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

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

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

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

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

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

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

<!DOCTYPE html> <html> <body> Enter a date and time between 2000-01-01 10:57 PM and 2014-02-06 10:57 PM: <input type="datetime" id="myDatetime" min="2000-01-01T22:57Z" max="2014-02-06T22:57Z"> <p>Click the button to display the value of the min attribute of the datetime field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="datetime" do not show as any datetime field/calendar in any of the major browsers, except Safari.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myDatetime").min; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Datetime Value

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

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

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

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

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

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

‎فرمت تنظيم ويژگي
inputdateObject.value=YYYY-MM-DDThh:mm:ssTZD

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

‎مقدار ‎شرح

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

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

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

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

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

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

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

ss‎ـ ثانيه . براي مثال ‎03‎

TZD‎ـ تعيين كننده منطقه زماني

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

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

<!DOCTYPE html> <html> <body> Date: <input type="datetime" id="myDatetime" value="2014-02-06T10:57Z"> <p>Click the button to get the date and time of the datetime field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="datetime" do not show as any datetime field/calendar in any of the major browsers, except Safari.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myDatetime").value; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

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

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute

Previous > <Next

HTML DOM Input Datetime Object

‎شئInput Datetime ـ تاريح وزمان

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

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

‎ايجاد شئInput Datetime

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

‎متدهاي شئInput Datatime

‎ويژگيInput Datetime max

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

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

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

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

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

‎ويژگيInput Datetime min

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

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

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

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

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

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

‎ويژگيInput Datetime Value

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

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

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

‎فرمت تنظيم ويژگي
inputdateObject.value=YYYY-MM-DDThh:mm:ssTZD

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

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

‎صفحات مرتبط

HTML DOM Objectsفهرست =

HTML DOM Input Datetime Object

‎شئInput Datetime ـ تاريح وزمان

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

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

‎ايجاد شئInput Datetime

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

‎متدهاي شئInput Datatime

‎ويژگيInput Datetime max

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

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

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

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

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

‎ويژگيInput Datetime min

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

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

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

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

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

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

‎ويژگيInput Datetime Value

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

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

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

‎فرمت تنظيم ويژگي inputdateObject.value=YYYY-MM-DDThh:mm:ssTZD

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

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

‎صفحات مرتبط

HTML DOM Objectsفهرست =

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

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

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

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

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

‎فرمت تنظيم ويژگي
inputdateObject.value=YYYY-MM-DDThh:mm:ssTZD