¿Cómo obtener el primer día del año en JavaScript?

Dada una fecha/año y la tarea es obtener el primer día del año usando JavaScript.

Enfoque 1:

  • Use el método getFullYear() para obtener el año a partir de la fecha dada.
  • Use la nueva función Date() para crear el nuevo objeto de fecha usando año, mes y día.

Ejemplo: este ejemplo usa el método getFullYear() para obtener el año completo del día actual y luego obtener el primer día de ese año.

<!DOCTYPE HTML> 
<html> 
    <head> 
        <title> 
            How to get the first day of
            the year in JavaScript ?
        </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 date = new Date();
      
            up.innerHTML = "Today = "+ date;
              
            function GFG_Fun() {
                  
                // Use Date(year, month, day) function
                down.innerHTML = new Date(date.getFullYear(), 0, 1);
            }
        </script> 
    </body> 
</html>                    

Producción:

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

Enfoque 2:

  • Inicialice el año a la variable (año = 2012).
  • Use la función new Date() para crear el nuevo objeto de fecha usando año, mes y día.

Ejemplo: este ejemplo usa el año 2012 y luego obtiene el primer día de ese año.

<!DOCTYPE HTML> 
<html> 
    <head> 
        <title> 
            How to get the first day of
            the year in JavaScript ?
        </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');
              
            // Declare year and initialize it
            var year = 2012;
              
            up.innerHTML = "Today's year = "+ year;
              
            function GFG_Fun() {
                  
                // Use Date(year, month, day) function
                // to get the first day of year
                down.innerHTML = new Date(year, 0, 1);
            }
        </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 *