Open In App

HTML | DOM Input Month stepDown() Method

Improve
Improve
Like Article
Like
Save
Share
Report

The DOM Input Month stepDown() method in HTML DOM is used to decrease the value of the month field by the given number. This method will only decrease the value of months not years. 

Syntax: 

monthObject.stepDown(number)

Parameters: It accepts a single and required parameter:

  • number It specifies the number of months to be decreased. By default, the months are decremented by 1.

Return Value: It doesn’t return any value. 

Example: This example shows the working of stepDown() method: 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Input Month stepDown() Method
    </title>
</head>
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>DOM Input Month stepDown() Method</h2>
    <form id="myGeeks">
        <input type="month" id="month_id" name="geeks" value="2019-03">
    </form>
    <br>
    <button onclick="myGeeks()">Click Here!</button>
      
    <!-- Script to decrement the month -->
    <script>
        function myGeeks() {
            document.getElementById("month_id").stepDown(2) ;
        }
    </script>
</body>
</html>


Output: 

Before clicking on the button:

  

After clicking on the button:

  

Supported Browsers: The browser supported by DOM input Month stepDown() method are listed below:

  • Google Chrome 20 and above
  • Edge 12 and above
  • Opera 11 and above

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