Open In App

HTML | DOM Input DatetimeLocal value Property

Improve
Improve
Like Article
Like
Save
Share
Report

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:
datetimelocalObject.value
  • For setting the value property:
datetimelocalObject.value = YYYY-MM-DDThh:mm:ss.ms

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.
    • ms: It specifies the milliseconds.
  • Return Value: It returns a string value, which represents the date and time of the local DateTime field

Below program illustrates the DatetimeLocal value property : Setting a date and time for a datetimeLocal field. 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>Input DatetimeLocal 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 DatetimeLocal value Property</h2>
    <br> Date Of Birth:
    <input type="datetime-local" id="Test_DatetimeLocal">
 
     
<p>To set a date and time for the datetimeLocal field,
      double-click the "Set Date And Time" button.</p>
 
 
    <button ondblclick="My_DatetimeLocal()">Set Date And Time</button>
 
    <p id="test"></p>
 
 
    <script>
        function My_DatetimeLocal() {
            document.getElementById("Test_DatetimeLocal").value
                                      = "2019-02-04T12:32:20.51";
        }
    </script>
 
</body>
 
</html>
                                        


Output: After clicking the button:

Note: The <input type=”datetime-local”> element does not show any datetime field/calendar in Firefox.

Supported Web Browsers:

  • Google Chrome 20
  • Edge 12
  • Firefox 93
  • Opera 11
  • Safari 14.1


Last Updated : 29 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads