HTML DOM Input Month Object

‎شئInput Month ـ ورودي ماه

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

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

‎شئInput Month يك فيلد ورودي تاريخ كه داراي اجزاء سال وماه ‎(YYYY-‎MM)‎ است ‎را ارائه ميدهد.

‎توجه ـ‎<input type="month">‎ در مرورگرهايIE11 وFirefox بفرم مناسبي فيلد ‎تاريخ ماه نمايش داده نمي شود.

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

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

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

‎ايجاد شئInput Month

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

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

var x = document.createElement("INPUT");
x.setAttribute("type", "month"); // or x.type="month";

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

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

‎متدهايInput Month

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

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

‎ويژگيInput Month max

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

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

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

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

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

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

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

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

‎مقدار ‎شرح

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

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

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

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

document.getElementById("myMonth").max = "2014-12";

<!DOCTYPE html> <html> <body> Month: <input type="month" id="myMonth" min="2014-04" max="2014-09"> <p>Click the button to change the value of the max attribute of the month field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="month" do not show as any date field/calendar in Firefox.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myMonth").max = "2014-12"; document.getElementById("demo").innerHTML = "The value of the max attribute was changed from '2014-09' to '2014-12'."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Month min

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

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

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

<!DOCTYPE html> <html> <body> Enter a month between 2014-04 and 2014-09 (April to September): <input type="month" id="myMonth" min="2014-04" max="2014-09"> <p>Click the button to display the value of the min attribute of the month field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="month" do not show as any date field/calendar in Firefox.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myMonth").min; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

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

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

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

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

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

‎مقدار ‎شرح

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

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

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

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

document.getElementById("myMonth").min = "2014-01";

<!DOCTYPE html> <html> <body> Month: <input type="month" id="myMonth" min="2014-04" max="2014-09"> <p>Click the button to change the value of the min attribute of the month field.</p> <button onclick="myFunction()">Try it</button> <p><strong>Note:</strong> input elements with type="month" do not show as any date field/calendar in Firefox.</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myMonth").min= "2014-01"; document.getElementById("demo").innerHTML = "The value of the min attribute was changed from '2014-04' to '2014-01'."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Month step

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

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

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

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

<!DOCTYPE html> <html> <body> Month: <input type="month" id="myMonth"> <p>Click the button to change the value of the step attribute of the month field.</p> <p><b>Tip:</b> Open the calendar on the right side of the month 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("myMonth").step = "2"; document.getElementById("demo").innerHTML = "Step was set to '2', meaning that the user can only select every second month in the calendar."; } </script> </body> </html>
--(go to editor for change code and run)

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

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

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

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

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

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

‎ويژگيInput Month Value

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

‎مثال ـ تنظيم مقدار ماه سال يك فيلد ورودي تاريخ ماه

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

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

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

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

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

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

‎مقدار ‎شرح

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

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

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

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

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

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

<!DOCTYPE html> <html> <body> Month and year: <input type="month" id="myMonth" value="1997-11"> <p>Click the button to display the month and year of the month field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myMonth").value; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

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

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute

Previous > <Next

HTML DOM Input Month Object

‎شئInput Month ـ ورودي ماه

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

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

‎ايجاد شئInput Month

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

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

‎متدهايInput Month

‎ويژگيInput Month max

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

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

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

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

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

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

‎ويژگيInput Month min

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

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

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

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

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

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

‎ويژگيInput Month step

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

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

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

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

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

‎ويژگيInput Month Value

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

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

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

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

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

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

‎صفحات مرتبط

HTML DOM Objectsفهرست =

HTML DOM Input Month Object

‎شئInput Month ـ ورودي ماه

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

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

‎ايجاد شئInput Month

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

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

‎متدهايInput Month

‎ويژگيInput Month max

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

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

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

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

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

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

‎ويژگيInput Month min

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

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

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

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

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

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

‎ويژگيInput Month step

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

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

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

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

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

‎ويژگيInput Month Value

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

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

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

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

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

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

‎صفحات مرتبط

HTML DOM Objectsفهرست =

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

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

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

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

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

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

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

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