Open In App

HTML | DOM Input DatetimeLocal min Property

Improve
Improve
Like Article
Like
Save
Share
Report

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

 



Last Updated : 29 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads