Open In App

HTML | DOM Input DatetimeLocal min Property

Last Updated : 29 Aug, 2022
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

 



Similar Reads

HTML | DOM Input DatetimeLocal value Property
The Input DatetimeLocal value property is used for setting or returning the value of the value attribute of a datetimeLocal field. The Input DatetimeLocal value attribute can be used for specifying a date and time for the datetimeLocal field. Syntax: For returning the value property:datetimelocalObject.valueFor setting the value property:datetimelo
2 min read
HTML | DOM Input DatetimeLocal type Property
The Input DatetimeLocal type property is used for returning the type of form element the datetimeLocal field is. The Input DatetimeLocal type property returns a string that represents the type of form element the datetimeLocal field is. Browsers such as Safari and Opera return "datetime-local" as a result whereas browsers such as Microsoft Edge, Fi
2 min read
HTML | DOM Input DatetimeLocal required Property
The Input DatetimeLocal required property is used for setting or returning whether a datetimeLocal field must be filled out before submitting a form. The HTML required attribute is used to reflect the Input DatetimeLocal required property. Syntax: For returning the required property datetimelocalObject.requiredFor setting the required property date
2 min read
HTML | DOM Input DatetimeLocal readOnly Property
The Input DatetimeLocal readOnly property is used to set or return whether a datetimeLocal field should be read-only, or not. Once a field has been declared read-only, it cannot be further modified. However, the read-only field can be tabbed, highlighted and can be used for copying text. The HTML readonly attribute is reflected by the Input Datetim
2 min read
HTML | DOM Input DatetimeLocal name Property
The Input DatetimeLocal name property is used to set or return the value of the name attribute of a datetimeLocal field. The form data which has been submitted to the server can be identified by the name attribute. The name attribute is also used for referencing form data on the client side using Javascript.Syntax: To return the name property: date
2 min read
HTML DOM Input DatetimeLocal disabled Property
The Input datetimeLocal disabled property in HTML DOM is used to set or return the local DateTime field which is disabled, or not. If an element is disabled then it becomes unusable and un-clickable. Such elements are generally rendered in gray by browsers. The HTML disable attribute is reflected by the DatetimeLocal disabled property.Syntax: It re
2 min read
HTML | DOM Input DatetimeLocal max Property
The Input DatetimeLocal max property is used to set or return the value of the max attribute of a local DateTime field. The Input DatetimeLocal max attribute is used for specifying the maximum value of date and time for a local DateTime field. The Input DatetimeLocal max attribute returns a string that represents the maximum date and time allowed.
2 min read
HTML | DOM Input DatetimeLocal step Property
The Input DatetimeLocal Step property in HTML DOM is used to set or return the value of the step attribute of a local datetime field. The Input Step attribute can be used for specifying the legal number intervals for seconds or milliseconds in a local datetime field. The step property cannot be used to affect the days, months, years, hours or minut
2 min read
HTML | DOM Input DatetimeLocal autofocus Property
The Input DatetimeLocal autofocus Property in HTML DOM is used to set or return the autofocus of Local Datetime field. The Local Datetime autofocus property returns true if the Local datetime field automatically gets focus when the page loads, else it returns false. The HTML autofocus attribute is reflected by the Datetime autofocus property. Synta
2 min read
HTML | DOM Input DatetimeLocal autocomplete Property
The Input DatetimeLocal autocomplete Property is used to set or return the value of the autocomplete attribute of an Input DatetimeLocal field. The autocomplete attribute is used to specify whether the autocomplete attribute has “on” or “off” value. When the autocomplete attribute is set to on, the browser will automatically complete the values bas
2 min read
Article Tags :