Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Input Date stepDown( ) Method

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 31 Aug, 2022
Improve Article
Save Article

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 decrease. when we exclude number from inputdateObject.stepDown(number) and leave it as inputdateObject.stepDown() then by default number of days decremented by 1.

Below program illustrates the Date stepDown property : 

Example: Decrementing the value of a date field by 2 days. 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
 HTML | DOM Input Date stepDown( ) Method
  </title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Input Date stepDown Property
    </h2>
    <br>
 
    <input type="date"
           id="Test_Date">
 
    <p>To decrease the step,
      double click the "Decrease Step" button.
  </p>
 
    <button ondblclick="My_Date()">
      Decrease Step
  </button>
 
    <p id="test">
  </p>
 
    <script>
        function My_Date() {
           
            // Decrease 2 days.
            document.getElementById(
              "Test_Date").stepDown(2);
        }
    </script>
 
</body>
 
</html>

Output:

  

After clicking the button:

  

Supported Browsers:

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

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!