Get month name from Date
Method 1: Using the toLocaleString() method
The simplest way to get the month name from a Date object is by using the toLocaleString()
method. This method returns a string representing the date and time portion of the Date object according to the current locale settings.
const date = new Date();
const monthName = date.toLocaleString('default', { month: 'long' });
console.log(monthName); // Output: January
Method 2: Using an array of month names
If you prefer a more manual approach, you can create an array of month names and use the getMonth()
method to retrieve the month index from the Date object. Then, you can access the corresponding month name from the array.
const date = new Date();
const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
const monthIndex = date.getMonth();
const monthName = monthNames[monthIndex];
console.log(monthName); // Output: January
Method 3: Using a library like Moment.js
If you are working on a larger project or need more advanced date manipulation capabilities, using a library like Moment.js can be beneficial. Moment.js provides a wide range of functions to handle dates and times, including getting the month name.
// Install Moment.js via npm or include the script in your HTML file
const date = new Date();
const monthName = moment(date).format('MMMM');
console.log(monthName); // Output: January
Now that you have learned multiple ways to get the month name from a Date object, you can choose the method that best suits your needs. Whether you prefer a simple one-liner or a more comprehensive library, JavaScript offers various options to accomplish this task.
Leave a Reply