HTML | DOM Input DatetimeLocal step Property

HTML | DOM Input DatetimeLocal step Property

Last Updated : 29 Aug, 2022

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 minutes.

Syntax:

It returns the Input DatetimeLocal Step property.

datetimelocalObject.step

It is used to set Input DatetimeLocal Step property.

datetimelocalObject.step = number

Property Values: It contains single property value number which is used to specify the legal number intervals for seconds or milliseconds.

Return Value: It returns a numeric value, which represents the legal number intervals for seconds or milliseconds

Below program illustrates the DatetimeLocal step property in HTML DOM:

Example: This example changes the legal number intervals for seconds in a local date field.

html

<!DOCTYPE html>
<html>
    
<head> 
    <title>
        HTML DOM Input DatetimeLocal step Property
    </title> 
</head>

<body style="text-align:center;">

    <h1 style="color:green;">
        GeeksforGeeks
    </h1> 
    
    <h2 style="font-family: Impact;">
        Input DatetimeLocal step Property
    </h2>
    
    <input type="datetime-local" id="Test_Datetime">
    
    
<p>
        To update the step, double click
        the "Change Step" button.
    </p>

    
    <button ondblclick="My_DatetimeLocal()">
        Change Step
    </button>
    
    <p id="test"></p>

    
    <script>
        function My_DatetimeLocal() {
            document.getElementById("Test_Datetime").step
                    = "5";
                    
            document.getElementById("test").innerHTML
                    = "The step attribute has been "
                      + "changed to '5'.";
        }
    </script>
</body>

</html>

Output: Before clicking the button: After clicking 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 DatetimeLocal step property are listed below:

Google Chrome 20
Edge 12
Firefox 93
Opera 11
Safari 14.1

HTML | DOM Input DatetimeLocal step Property

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

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

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:datetimelocalObj

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

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 t

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 datetimelocalObj

HTML | DOM Input Datetime type Property

The Input Datetime type property is used for returning the type of form element the datetime field is. The Input Datetime type property returns a string that represents the type of form element the datetime field is. Browsers such as Safari and Opera return "datetime" as a result whereas browsers su

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 re

HTML | DOM Input Date step Property

The Input Date Step property is used to set or return the value of the step attribute of a date field. The Input Step attribute can be used for specifying the legal day intervals to choose from when the user opens the calendar in a date field. Syntax: To return the step property: inputdateObject.ste

HTML DOM Input DatetimeLocal list Property

The input DateTimeLocal list property in HTML DOM returns a reference to the list element that contains an input datetimelocal field. Syntax: DatetimelocalObject.list.idReturn Value: It returns a string value that represents the value of the id attribute of the datalist element. Example: This HTML c

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 Ja