HTML | DOM Input Datetime value Property Last Updated : 29 Aug, 2022 Comments Improve Suggest changes Like Article Like Report The Input Datetime value property is used for setting or returning the value of the value attribute of a datetime field. The Input Datetime value attribute can be used for specifying a date and time for the datetime field. Syntax: For returning the value property:datetimeObject.valueFor setting the value property:datetimeObject.value = YYYY-MM-DDThh:mm:ssTZD Property Value: YYYY-MM-DDThh:mm:ssTZD: It is used to specify the date and/or time. YYYY: It specifies the year.MM: It specifies the month.DD: It specifies the day of the month.T: It specifies the separator if time is also entered.hh: It specifies the hour.mm: It specifies the minutes.ss: It specifies the seconds.TZD: It specifies the Time Zone Designator. Return Values: It returns a string value which represents the value of date and time for Datetime field. The below program illustrates the Datetime value property : Example 1: Returning the value of the date and time for the datetime field. HTML <!DOCTYPE html> <html> <head> <title>Input Datetime value Property in HTML</title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>Input Datetime value Property</h2> <br> Date Of Birth: <input type="datetime" id="Test_Datetime" value="2019-11-11"> <p>To return a date and time for the datetime field, double-click the "Set Date And Time" button.</p> <button ondblclick="My_Datetime()">Return Date And Time</button> <p id="test"></p> <script> function My_Datetime() { var g = document.getElementById("Test_Datetime").value; document.getElementById("test").innerHTML = g; } </script> </body> </html> Before: After: Example 2: Setting a date and time for a datetime field. HTML <!DOCTYPE html> <html> <head> <title>Input Datetime value Property in HTML</title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>Input Datetime value Property</h2> <br> Date Of Birth: <input type="datetime" id="Test_Datetime"> <p>To set a date and time for the datetime field, double-click the "Set Date And Time" button.</p> <button ondblclick="My_Datetime()">Set Date And Time</button> <p id="test"></p> <script> function My_Datetime() { document.getElementById("Test_Datetime").value = "2019-02-04T12:32Z"; } </script> </body> </html> Output: After clicking the button Note: The <input type="datetime"> element does not show any datetime field/calendar in any major browsers, except Safari. Supported Web Browsers: Google Chrome 20Edge 12Firefox 93Opera 11Safari 14.1 Comment More infoAdvertise with us Next Article HTML | DOM Input DatetimeLocal value Property S Shubrodeep Banerjee Follow Improve Article Tags : Web Technologies HTML HTML-DOM Similar Reads HTML | DOM Input Date value Property The Input Date value property is used for setting or returning the value of the value attribute of a date field. The Input Date value attribute can be used for specifying a date for the date field.Syntax: For returning the value property: inputdateObject.valueFor setting the value property: inputdat 2 min read HTML | DOM Input DatetimeLocal value Property The Input DatetimeLocal value property is used for setting or returning the value of the value attribute of a datetimeLocal field. The Input DatetimeLocal value attribute can be used for specifying a date and time for the datetimeLocal field. Syntax: For returning the value property:datetimelocalObj 2 min read HTML | DOM Input Datetime type Property The Input Datetime type property is used for returning the type of form element the datetime field is. The Input Datetime type property returns a string that represents the type of form element the datetime field is. Browsers such as Safari and Opera return "datetime" as a result whereas browsers su 2 min read HTML | DOM Input Datetime readOnly Property The Input Datetime readOnly property is used for setting or returning whether a datetime field should be read-only, or not. The read-only field can be tabbed, highlighted and can be used for copying text but it cannot be further modified. The HTML readonly attribute is reflected by the Input Datetim 2 min read HTML | DOM Input Datetime required Property The Input Datetime required property is used to check whether a datetime field must be filled out or not before submitting a form. Syntax: For returning the required property:datetimeObject.requiredFor setting the required property: datetimeObject.required = true|false Property Value: true|false : I 2 min read HTML | DOM Input Datetime max Property The Input Datetime max property is used for setting or returning the value of the max attribute of a datetime field. The Input Datetime max attribute returns a string that represents the maximum date and time allowed.Syntax: For returning the max property: datetimeObject.maxFor setting the max prope 2 min read Like