HTML | DOM Input DatetimeLocal min Property

The Input DatetimeLocal min property is used for setting or return the value of min attribute of the datetimeLocal field. It is used to specify the minimum value of date and time for a datetimeLocal field. It returns a string which represents the minimum date and time allowed.

Syntax:

  • It returns the Input DatetimeLocal min property.
    inputdatetimelocalObject.min
  • It is used to set the Input DatetimeLocal min property.
    datetimelocalObject.min = YYYY-MM-DDThh:mm:ss.ms

Property Value: It accepts the property value YYYY-MM-DDThh:mm:ssTZD. It is used to specify the minimum date and time allowed.

  • 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.

Below program illustrates the DatetimeLocal min property in HTML DOM:

Example: This example returns the minimum datetime allowed for a datetimeLocal field.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
      
<head
    <title>
        Input Datetimelocal min Property in HTML
    </title
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksforGeeks
    </h1
    <h2 style="font-family: Impact;">
        Input Datetimelocal min Property
    </h2><br>
      
    <p>
        The range of date accepted is between 2019-02-18
        10:30:55 and 2019-02-20 12:30:55.
    </p>
      
    <input type="datetime-local" id="Test_DatetimeLocal" 
        min="2019-02-18T10:30:55" max="2019-02-20T12:30:55">
      
    <p>
        To return the min range of the datetimeLocal
        field, double click the "Return Min" button.
    </p>
      
    <button ondblclick="My_DatetimeLocal()">
        Return Min
    </button>
      
    <p id="test"></p>
      
    <!-- Script to return Input Datetimelocal
        min value -->
    <script>
        function My_DatetimeLocal() {
            var d = document.getElementById("Test_DatetimeLocal").min;
            document.getElementById("test").innerHTML = d;
        }
    </script>
</body>
  
</html>                                                     

chevron_right


Output:
Before clicking on the button:

After clicking on the button:

Supported Browsers: The browser supported by Input DatetimeLocal min property are listed below:

  • Apple Safari
  • Internet Explorer
  • Firefox
  • Google Chrome
  • Opera


My Personal Notes arrow_drop_up

I am a technology enthusiast who has a keen interest in programming I am pursuing Engineering in Computer Science from GEU, Dehradun I like to unwind by watching movies and English sitcomsI have a keen interest in music

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.




Article Tags :
Practice Tags :


Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.