JavaScript: Get a full textual representation of a month

JavaScript Datetime: Exercise-25 with Solution

Full Month Name

Write a JavaScript function to get a full text representation of a month, such as January or June.

Test Data:
dt = new Date(2015, 10, 1);
console.log(full_month(dt));
"November"

Sample Solution:

JavaScript Code:

// Define a property 'longMonths' on the Date object to store an array of full month names
Date.longMonths = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

// Define a JavaScript function called full_month with parameter dt (date)
function full_month(dt)
{ 
   // Return the full month name corresponding to the month of the provided date
   return Date.longMonths[dt.getMonth()]; 
}

// Create a new Date object representing the current date
dt = new Date(); 
// Output the full month name for the current date
console.log(full_month(dt)); 

// Create a new Date object representing November 1, 2015
dt = new Date(2015, 10, 1); 
// Output the full month name for November 1, 2015
console.log(full_month(dt));

Output:

June
November

Explanation:

In the exercise above,

• The code defines a property 'longMonths' on the "Date" object, which is an array containing the full names of months ('January', 'February', ..., 'December').
• It then defines a JavaScript function named "full_month()" with one parameter 'dt', representing a Date object.
• Inside the full_month function:
• It retrieves the month index (0 for January, 1 for February, ..., 11 for December) from the provided Date object "dt" using the "getMonth()" method.
• It uses this month index as an index to access the corresponding full month name from the 'Date.longMonths' array.
• It returns the full month name.
• The code then demonstrates the usage of the "full_month()" function:
• It creates a new Date object "dt" representing the current date using 'new Date()'.
• It outputs the full month name for the current date by calling the "full_month()" function with 'dt' and logging the result to the console.
• It creates another new Date object 'dt' representing November 1, 2015, using 'new Date(2015, 10, 1)'.
• It outputs the full month name for November 1, 2015, by calling the "full_month()" function with 'dt' and logging the result to the console.

Flowchart:

Live Demo:

See the Pen JavaScript - Get a full textual representation of a month-date-ex-25 by w3resource (@w3resource) on CodePen.

For more Practice: Solve these Related Problems:

• Write a JavaScript function that returns the full month name from a Date object using a predefined months array.
• Write a JavaScript function that converts a month index to its full month name and handles invalid indices.
• Write a JavaScript function that accepts a date string and outputs the complete month name after conversion.
• Write a JavaScript function that supports localization by returning the full month name based on a locale parameter.

Improve this sample solution and post your code through Disqus.

Previous: Write a JavaScript function to get ISO-8601 week number of year, weeks starting on Monday.
Next: Write a JavaScript function to get a numeric representation of a month, with leading zeros (01 through 12).