Skip to content
Related Articles

Related Articles

HTML | DOM Input DatetimeLocal min Property
  • Last Updated : 20 Jan, 2021

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.  



HTML




<!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 property value -->
    <script>
        function My_DatetimeLocal() {
            var d = document.getElementById("Test_DatetimeLocal").min;
            document.getElementById("test").innerHTML = d;
        }
    </script>
</body>
 
</html>                                                    

Output: 
Before clicking on the button: 
 

After clicking on the button: 
 

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

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

 

My Personal Notes arrow_drop_up
Recommended Articles
Page :