¿Cómo calcular la fecha tres meses antes usando JavaScript?

Dada una fecha y la tarea es obtener la fecha de tres meses antes usando javascript.

Acercarse:

  • Primero seleccione el objeto de fecha.
  • Luego use el método getMonth() para obtener los meses.
  • Luego reste tres meses del método getMonth() y devuelva la fecha.

Ejemplo 1: este ejemplo utiliza los métodos getMonth() y setMonth() para obtener y establecer la fecha del mes.

<!DOCTYPE HTML> 
<html> 
    <head> 
        <title> 
            How to calculate the date
            three months prior to today
        </title>
    </head> 
      
    <body style = "text-align:center;"> 
          
        <h1 style = "color:green;" > 
            GeeksForGeeks 
        </h1>
          
        <p id = "GFG_UP" style =
            "font-size: 19px; font-weight: bold;">
        </p>
          
        <button onClick = "GFG_Fun()">
            click here
        </button>
          
        <p id = "GFG_DOWN" style =
            "color: green; font-size: 24px; font-weight: bold;">
        </p>
          
        <script>
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
            var d = new Date();
              
            up.innerHTML = "Today's Date= "+ d.toLocaleDateString();
              
            function GFG_Fun() {
                d.setMonth(d.getMonth() - 3);
                down.innerHTML = "Before 3 Months, Date is "
                        + d.toLocaleDateString();
            }
        </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 usa el método getMonth() y setMonth() para obtener y establecer la fecha del mes como se indica.

<!DOCTYPE HTML> 
<html> 
    <head> 
        <title> 
            How to calculate the date
            three months prior to today
        </title>
    </head> 
      
    <body style = "text-align:center;"> 
          
        <h1 style = "color:green;" > 
            GeeksForGeeks 
        </h1>
          
        <p id = "GFG_UP" style =
            "font-size: 19px; font-weight: bold;">
        </p>
          
        <button onClick = "GFG_Fun()">
            click here
        </button>
          
        <p id = "GFG_DOWN" style =
            "color: green; font-size: 24px; font-weight: bold;">
        </p>
          
        <script>
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
            var d = new Date("2010/12/02");
              
            up.innerHTML = "Date= "+ d.toLocaleDateString();
              
            function GFG_Fun() {
                d.setMonth(d.getMonth() - 3);
                down.innerHTML = "Before 3 Months, Date is "
                        + d.toLocaleDateString();
            }
        </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

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