HTML | DOM Input Date stepDown( ) Method

Last Updated : 31 Aug, 2022

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>