Open In App
Related Articles

HTML | DOM Input DatetimeLocal value Property

Improve Article
Improve
Save Article
Save
Like Article
Like

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

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 29 Aug, 2022
Like Article
Save Article
Previous
Next
Similar Reads
Complete Tutorials