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 decrease.
Below program illustrates the Date stepDown property :
Example: Decrementing the value of a date field by 2 days.
<!DOCTYPE html> <html> <head> <title> Input Date stepDown Property in HTML </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
- Internet Explorer
- Firefox
- Google Chrome
- Opera
