Given a date and the task is to get the day and month of a year using JavaScript.
Approach:
- First get the current date by using new Date().
- Use getDay() method to get the current day in number format, Map it to the day name.
- Use getMonth() to get the current month in number format, Map it to the month name.
Example 1: In this example, the month and date is determined by the above approach.
html
<body> <h1 style="color:green;"> GeeksForGeeks </h1> <p id="GFG_UP"> </p> <button onclick="GFG_Fun()"> click here </button> <p id="GFG_DOWN"> </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> |
Output:
Example 2: This is same example but with a different approach. In this example, the month and date is determined by the above approach.
html
<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> |
Output:
