¿Cómo obtener el día y el mes de un año usando JavaScript?

Dada una fecha y la tarea es obtener el día y el mes de un año usando JavaScript.

Acercarse:

  • Primero obtenga la fecha actual usando new Date() .
  • Use currentDate.getDay() para obtener el día actual en formato de número, asígnelo al nombre del día.
  • Use currentDate.getMonth() para obtener el mes actual en formato de número, asígnelo al nombre del mes.

Ejemplo 1: En este ejemplo, el mes y la fecha están determinados por el enfoque anterior.

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        How to get the day and month
        of a year using 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 el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = "Click on the button to get "
                + "the day and month of the date.";
          
        var Days = ['Sunday', 'Monday', 'Tuesday', 
                'Wednesday', 'Thursday', 'Friday', 'Saturday'];
  
        var Months = ['January', 'February', 'March', 'April', 
                'May', 'June', 'July', 'August', 'September',
                'October', 'November', 'December'];
          
        var currentDay = new Date();
          
        // Get the current day name
        var day = Days[currentDay.getDay()];
          
        // Get the current month name
        var month = Months[currentDay.getMonth()]; 
          
        function GFG_Fun() {
            el_down.innerHTML = "Day - " + day
                    + ",<br> Month - " + month;
        }
    </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 es el mismo ejemplo pero con un enfoque diferente. En este ejemplo, el mes y la fecha están determinados por el enfoque anterior.

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        How to get the day and month of
        a year using 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 el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
      
        el_up.innerHTML = "Click on the button to get the "
                    + "day and month of the date.";
          
        var currentDay = new Date();
          
        // Get the current day name
        var day = currentDay.getDay(); 
          
        // Getting the current month name
        var month = currentDay.getMonth(); 
          
        function GFG_Fun() {
            el_down.innerHTML = "Day - " + day + 
                    " Where, Monday is 1,<br> Month - "
                    + month +" Where, January is 0.";
        }
    </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 *