Open In App
Related Articles

HTML | DOM Input DatetimeLocal value Property

Improve Article
Save Article
Like Article

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:
  • For setting the value property:
datetimelocalObject.value =

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. 


<!DOCTYPE html>
    <title>Input DatetimeLocal value Property in HTML</title>
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
    <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>
        function My_DatetimeLocal() {
                                      = "2019-02-04T12:32:20.51";

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
Similar Reads
Complete Tutorials