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. 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
Please Login to comment...