HTML | Método stepUp() de la fecha de entrada del DOM

El método stepUp() de fecha de entrada en HTML DOM se usa para incrementar el valor del campo de fecha en un número específico. El método stepUp() de la fecha de entrada solo se puede usar en los días y no en los meses ni en los años. 

Sintaxis:

inputdateObject.stepUp( number )

Parámetros: este método acepta un número de parámetro único que se utiliza para especificar la cantidad de días que debe aumentar el campo de fecha. cuando excluimos el número de inputdateObject.stepUp(number) y lo dejamos como inputdateObject.stepUp() entonces, por defecto, el número de días se incrementa en 1. 

El siguiente programa ilustra el método stepUp de fecha de entrada en HTML DOM: 

Ejemplo: este ejemplo utiliza el método stepUp() de fecha de entrada para incrementar el valor del campo de fecha en 2 días. 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
HTML | DOM Input Date stepUp() Method
    </title>
</head>
 
<body style="text-align:center;">
 
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
     
    <h2 style="text-align:center;">
        Input Date stepUp Property
    </h2>
     
    <input type="date" id="Test_Date">
     
    <p>
        To increase the step, double click
        the "Increase Step" button.
    </p>
     
    <button ondblclick="My_Date()">
        Increase Step
    </button>
     
    <!-- Script to use Input Date stepUp() Method -->
    <script>
        function My_Date() {
            document.getElementById("Test_Date").stepUp(2);
        }
    </script>
</body>
 
</html>                   

Producción: 

Antes de hacer clic en el botón:

  

Después de hacer clic en el botón:

  

Navegadores compatibles

  • safari de manzana
  • Internet Explorer 12.0
  • Firefox 17.0
  • Google Chrome
  • Ópera

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *