Incrementar una fecha determinada en JavaScript

Dada una fecha, la tarea es incrementarla. Para incrementar una fecha en javascript, vamos a discutir algunas técnicas. Primeros métodos para saber:

Método JavaScript getDate()
Este método devuelve el día del mes (del 1 al 31) para la fecha definida.
Sintaxis:
```
Date.getDate()
```
Valor devuelto:
Devuelve un número, del 1 al 31, que denota el día del mes
Método JavaScript setDate()
Este método establece el día del mes en el objeto de fecha.
Sintaxis:
```
Date.setDate(day)
```
Parámetros:
- día: Este parámetro es obligatorio. Especifica el número entero que define el día de un mes. Los valores esperados son 1-31, pero los valores inferiores a 1 y superiores a 31 se utilizan correctamente para el mes anterior y el siguiente.
Valor devuelto:
Devuelve, representando el número de milisegundos entre el objeto de fecha y la medianoche del 1 de enero de 1970.
Método getTime() de JavaScript
Este método devuelve el número de milisegundos entre la medianoche del 1 de enero de 1970 y la fecha especificada.
Sintaxis:
```
Date.getTime()
```
Valor devuelto:
Devuelve un número, que representa el número de milisegundos desde la medianoche del 1 de enero de 1970.
Método setTime() de JavaScript
Este método establece la fecha y la hora sumando/restando un número definido de milisegundos hasta/desde la medianoche del 1 de enero de 1970.
Sintaxis:
```
Date.setTime(millisec)
```
Parámetros:
- milisegundos: este parámetro es obligatorio. Especifica el número de milisegundos a sumar/restar, medianoche del 1 de enero de 1970
Valor devuelto:
Devuelve, representando el número de milisegundos entre el objeto de fecha y la medianoche del 1 de enero de 1970.

Ejemplo 1: Este ejemplo incrementa 1 día hasta el 16 de mayo usando los métodos setDate() y getDate() .

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript 
      | Incrementing a date.
    </title>
</head>
  
<body style="text-align:center;" id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP"
       style="font-size: 15px;
              font-weight: bold;">
    </p>
    <button onclick="gfg_Run()">
        Increment by 1 day
    </button>
    <p id="GFG_DOWN" 
       style="color:green; 
              font-size: 20px; 
              font-weight: bold;">
    </p>
    <script>
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var today = new Date();
        el_up.innerHTML = "Today's date = " + today;
  
        function gfg_Run() {
            var tomorrow = new Date();
            tomorrow.setDate(today.getDate() + 1);
            el_down.innerHTML = tomorrow;
        }
    </script>
</body>
  
</html>

Producción:

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

Ejemplo 2: Este ejemplo incrementa 10 días hasta el 16 de mayo usando los métodos setTime() y getTime() .

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript | Incrementing a date.
    </title>
</head>
  
<body style="text-align:center;"
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP" 
       style="font-size: 15px; 
              font-weight: bold;">
    </p>
    <button onclick="gfg_Run()">
        Increment by days
    </button>
    <p id="GFG_DOWN"
       style="color:green; 
              font-size: 20px; 
              font-weight: bold;">
    </p>
    <script>
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var today = new Date();
        var days = 10;
        el_up.innerHTML = "Today's date = " + today;
  
        function gfg_Run() {
            var tomorrow = new Date();
            tomorrow.setTime(today.getTime() + days * 86400000);
            el_down.innerHTML = tomorrow;
        }
    </script>
</body>
  
</html>

Producción:

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

Publicación traducida automáticamente

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

Deja una respuesta Cancelar la respuesta