HTML | DOM Input DatetimeLocal stepUp() Method

HTML | DOM Input Date stepUp() Method

Last Updated : 31 Aug, 2022

The Input Date stepUp() method in HTML DOM is used to increment the value of date field by a specified number. The Input Date stepUp() method can only be used on the days and not on months and years.

Syntax:

inputdateObject.stepUp( number )

Parameters: This method accepts single parameter number which is used to specify the amount of days the date field should increase. when we exclude number from inputdateObject.stepUp(number) and leave it as inputdateObject.stepUp() then by default number of days incremented by 1.

Below program illustrates the Input Date stepUp method in HTML DOM:

Example: This example use Input Date stepUp() method to increment the value of date field by 2 days.

html

<!DOCTYPE html>
<html>

<head> 
    <title>
HTML | DOM Input Date stepUp() Method
    </title> 
</head>

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

    <h1 style="color:green;">
        GeeksforGeeks
    </h1> 
    
    <h2 style="text-align:center;">
        Input Date stepUp Property
    </h2>
    
    <input type="date" id="Test_Date">
    
    <p>
        To increase the step, double click
        the "Increase Step" button.
    </p>
    
    <button ondblclick="My_Date()">
        Increase Step
    </button>
    
    <!-- Script to use Input Date stepUp() Method -->
    <script>
        function My_Date() {
            document.getElementById("Test_Date").stepUp(2);
        }
    </script>
</body>

</html>

Output:

Before clicking on the button:

After clicking on the button:

Supported Browsers

Apple Safari 14.1
Edge 12
Firefox 57
Google Chrome 20
Opera 11

HTML | DOM Input DatetimeLocal stepUp() Method

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML | DOM Input Date stepDown( ) Method

The Input Date stepDown() method is used for decrementing the value of the date field by a specified number. It can only be used on the days and not on months and years. Syntax: inputdateObject.stepDown(number) Parameter Used: number: It is used to specify the number of days the date field should de

HTML | DOM Input DatetimeLocal stepUp() Method

The Input DatetimeLocal stepUp() method in HTML DOM is used to increment the value of the Local datetime field by a specified number. The Input DatetimeLocal stepUp() method can only be used on the value Minutes. Years, months, days, hours, seconds or milliseconds are not affected by the stepUp() me

HTML DOM Input Date select() Method

The Input Date select() Method in HTML DOM is used to select the contents of the Date text field. It is the predefined method of the Input date object. Syntax: dateObject.select() Parameter: This method does not contain any parameters. Return Values: It does not return any value. Example: Below exam

HTML DOM Input Week stepUp() Method

The Input Week stepUp() method in HTML DOM is used to increase the value of the week field by the given number. This method will only increase the value of weeks not years. Syntax: weekObject.stepUp( number )Parameters: It accepts a single parameter number which is mandatory. It specifies the number

HTML DOM Input Month stepUp() Method

The Input Month stepUp() method in HTML DOM is used to increase the value of the month field by the given number. This method will only increase the value of months not years.Â Syntax:Â monthObject.stepUp( number )Parameters: It accepts a single parameter which is required. number It specifies the n

HTML | DOM Input Range stepUp() Method

The DOM Input Range stepUp() method in HTML DOM is used to increase the value of the slider control by the given number. Syntax: rangeObject.stepUp(number) Parameters: It accepts a single and required parameter: number: It specifies the number of slider control to be increased. By default, it is inc

HTML DOM Input Datetime select() Method

The input Datetime select() method in HTML DOM is used in selecting the content of the Datetime Text field. Syntax: Datetimebject.select()Parameters: It does not accept any parameter. Example: This example uses the input Datetime select() method to select the Datetime field. HTML <!DOCTYPE html

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 Number stepUp() Method

The Input Number stepUp() method in HTML DOM is used to increase the value of the number field by the given value. Syntax: numberObject.stepUp( number )Parameters: It accepts a single parameter that is required: number: It specifies the number by which the number field will be increased. By default,

HTML | DOM Input DatetimeLocal stepDown() Method

The Input DatetimeLocal stepDown() method in HTML DOM is used to decrements the value of the Local datetime field by a specified number. It can only be used on the Minutes. Years, months, days, hours, seconds or milliseconds are not affected by the stepDown() method. Syntax datetimelocalObject.stepD