Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Input DatetimeLocal min Property

Improve Article
Save Article
  • Last Updated : 29 Aug, 2022
Improve Article
Save Article

The Input DatetimeLocal min property is used for setting or return the value of the 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 that 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.

Return Value: It returns a string value that represents the minimum date and time for the datetimeLocal field. 

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: 
 

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

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

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

 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!