HTML | DOM Input DatetimeLocal stepDown() Method

Last Updated : 17 Jan, 2022

The Input DatetimeLocal stepDown() method in HTML DOM is used to decrements the value of the Local datetime field by a specified number. It can only be used on the Minutes. Years, months, days, hours, seconds or milliseconds are not affected by the stepDown() method.

Syntax

datetimelocalObject.stepDown(number)

Parameters: It contains single parameter number which is used to specify the amount of minutes the local datetime field should decrease. when we exclude number from datetimelocalObject.stepDown(number) and leave it as datetimelocalObject.stepDown() then by default number of minutes decremented by 1.

Below program illustrates the DatetimeLocal stepDown method in HTML DOM:

Example: This example use stepDown() method to decrease the value of minutes by 2.

<!DOCTYPE html> 
<html> 
      
<head>  
    <title> 
        Input DatetimeLocal stepDown() Method 
    </title>  
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1>  
      
    <h2 style="font-family: Impact;"> 
        Input DatetimeLocal stepDown() Method 
    </h2> 
      
    <input type="datetime-local" id="test_DatetimeLocal"> 
      
    <p> 
        To decrease the value of the datetimeLocal field 
        by 2minutes, double click the "Update" button. 
    </p> 
      
    <button ondblclick="My_DatetimeLocal()"> 
        Update 
    </button> 
      
    <!-- Script to use stepDown() method -->
    <script> 
        function My_DatetimeLocal() { 
            document.getElementById("test_DatetimeLocal").stepDown(2); 
        } 
    </script> 
</body> 
  
</html>                     