HTML | DOM Input DatetimeLocal min Property

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

Article Tags :

HTML

Web Technologies

HTML-DOM