Get month name from Date

Question

How can I generate the name of the month  e g  Oct October  from this date object in JavaScript   var objDate   new Date  10 11 2009

User · Answer

It is now possible to do this with the ECMAScript Internationalization API:

_x000D_

const date = new Date(2009, 10, 10);  // 2009-11-10_x000D_
const month = date.toLocaleString('default', { month: 'long' });_x000D_
console.log(month);

_x000D_

'long' uses the full name of the month, 'short' for the short name, and 'narrow' for a more minimal version, such as the first letter in alphabetical languages.

You can change the locale from browser's 'default' to any that you please (e.g. 'en-us'), and it will use the right name for that language/country.

With toLocaleString^api you have to pass in the locale and options each time. If you are going do use the same locale info and formatting options on multiple different dates, you can use Intl.DateTimeFormat instead:

_x000D_

const formatter = new Intl.DateTimeFormat('fr', { month: 'short' });_x000D_
const month1 = formatter.format(new Date());_x000D_
const month2 = formatter.format(new Date(2003, 5, 12));_x000D_
console.log(`${month1} and ${month2}`); // current month in French and "juin".

_x000D_

For more information see my blog post on the Internationalization API.

User · Answer

Shorter version    x000D   x000D  const monthNames     January    February    March    April    May    June   x000D     July    August    September    October    November    December  x000D     x000D   x000D  const d   new Date    x000D  document write  The current month is     monthNames d getMonth      x000D   x000D   x000D    Note  2019-03-08  - This answer by me which I originally wrote in 2009 is outdated  See David Storey s answer for a better solution

User · Answer

You can try this  var d   new Date    var t   d toDateString   split  quot   quot    t 2    quot   quot  t 1   quot   quot  t 3

User · Answer

If you don t want to use an external library  or store an array of month names  or if the ECMAScript Internationalization API is not good enough because of browser compatibility you can always do it the old-fashioned way by extracting the info from the date output   var now   new Date    var monthAbbrvName   now toDateString   substring 4  7     This would give you the abbreviated month name  e g  Oct  I believe the date will come in all sorts of formats depending on the initialization and your locale so take a look at what toDateString   returns and recalculate your substring   values based on that

User · Answer

If you don t want to use moment and want to display month name -    config  mdDateLocaleProvider         mdDateLocaleProvider formatDate   function date                if date     null            if date getMonthName    undefined              date getMonthName   function                 var monthNames      January    February    March    April    May    June                 July    August    September    October    November    December                 return monthNames this getMonth                                           var day   date getDate            var monthIndex   date getMonth            var year   date getFullYear            return day         date getMonthName           year

User · Answer

With momentjs  just use the format notation   const myDate   new Date   const shortMonthName   moment myDate  format  MMM      Aug const fullMonthName   moment myDate  format  MMMM      August

User · Answer

Unfortunately the best way to extract the month name is from the UTCString representation   Date prototype monthName   function         return this toUTCString   split      2      d   new Date        gt  Thu Mar 06 2014 23 05 21 GMT 0000  GMT   d monthName        gt   Mar

User · Answer

Tested on IE 11  Chrome  Firefox  x000D   x000D  const dt   new Date    const locale   navigator languages    undefined   navigator languages 0    navigator language  const fullMonth   dt toLocaleDateString locale   month   long     console log fullMonth   x000D   x000D   x000D

User · Answer

Here s a way that does not depend on a hard-coded array and supports multiple locales   If you need a whole array   var monthsLocalizedArray   function locale        var result           for var i   0  i  lt  12  i              result push new Date 2010 i  toLocaleString locale  month  long                return result       Usage   console log monthsLocalizedArray  en        - gt    January    February    March    April    May    June    July    August    September    October    November    December   console log monthsLocalizedArray  bg        - gt                                                                                                                           If you need only a selected month  faster    var monthLocalizedString   function month  locale        return new Date 2010 month  toLocaleString locale  month  long          Usage   console log monthLocalizedString 1   en        - gt  February console log monthLocalizedString 1   bg        - gt           console log monthLocalizedString 1   de        - gt  Februar   Tested and works fine on Chrome and IE 11  On mozilla some modifications are needed  because it returns the whole date

User · Answer

You could just simply use Date toLocaleDateString   and parse the date wanted as parameter  x000D   x000D  const event   new Date Date UTC 2012  11  20  3  0  0     const options      year   numeric   month   short   day   numeric      console log event toLocaleDateString  de-DE   options       expected output  Donnerstag  20  Dezember 2012  console log event toLocaleDateString  en-US   options       US format       In case you only want the month console log event toLocaleDateString undefined    month   short      console log event toLocaleDateString undefined    month   long      x000D   x000D   x000D   You can find more information in the Firefox documentation

User · Answer

It can be done as follows too  var x   new Date   toString   split      1          quot Jul quot

User · Answer

If you don t mind extending the Date prototype  and there are some good reasons to not want to do this   you can actually come up with a very easy method   Date prototype monthNames          January    February    March        April    May    June        July    August    September        October    November    December      Date prototype getMonthName   function         return this monthNames this getMonth        Date prototype getShortMonthName   function          return this getMonthName   substr 0  3          usage  var d   new Date    alert d getMonthName              October  alert d getShortMonthName         Oct    These functions will then apply to all javascript Date objects

User · Answer

A quick hack I used which works well    x000D   x000D  const monthNumber   8  x000D  const yearNumber   2018  x000D  const date        Jan    Feb    Mar    Apr   x000D     May    Jun    Jul    Aug   x000D     Sep    Oct    Nov    Dec   monthNumber - 1  x000D            yearNumber    x000D   x000D  console log date   x000D   x000D   x000D

User · Answer

Just extending on the many other excellent answers - if you are using jQuery - you could just do something like    fn getMonthName   function date         var monthNames          January    February    March        April    May    June        July    August    September        October    November    December              return monthNames date getMonth           where date is equal to the var d   new Date somevalue   The primary advantage of this is per  nickf said about avoiding the global namespace

User · Answer

My Best Solution is as follow          var dateValue   Date           var month   dateValue substring 4 7          var date   dateValue substring 8 10          var year   dateValue substring 20 24          var finaldateString   date  -  month  -  year

User · Answer

Just write a simple wrapper around toLocaleString     x000D   x000D  function LocalDate locale    x000D    this locale   locale  x000D    x000D   x000D  LocalDate prototype getMonthName   function date    x000D    return date toLocaleString this locale  month  long     x000D     x000D   x000D  var objDate   new Date  10 11 2009    x000D   x000D  var localDate   new LocalDate  en    x000D  console log localDate getMonthName objDate    x000D   x000D  localDate locale    ru   x000D  console log localDate getMonthName objDate    x000D   x000D  localDate locale    zh   x000D  console log localDate getMonthName objDate    x000D   x000D   x000D

User · Answer

This can be also done if you are using kendo  kendo toString dateobject   quot MMMM quot     Here are list of formatters from kendo site    quot d quot     Renders the day of the month  from 1 through 31   quot dd quot    The day of the month  from 01 through 31   quot ddd quot   The abbreviated name of the day of the week   quot dddd quot  The full name of the day of the week   quot f quot     The tenths of a second in a date and time value   quot ff quot    The hundredths of a second in a date and time value   quot fff quot   The milliseconds in a date and time value   quot M quot     The month  from 1 through 12   quot MM quot    The month  from 01 through 12   quot MMM quot   The abbreviated name of the month   quot MMMM quot  The full name of the month   quot h quot     The hour  using a 12-hour clock from 1 to 12   quot hh quot    The hour  using a 12-hour clock from 01 to 12   quot H quot     The hour  using a 24-hour clock from 1 to 23   quot HH quot    The hour  using a 24-hour clock from 01 to 23   quot m quot     The minute  from 0 through 59   quot mm quot    The minute  from 00 through 59   quot s quot     The second  from 0 through 59   quot ss quot    The second  from 00 through 59   quot tt quot    The AM PM designator   quot yy quot    The last two characters from the year value   quot yyyy quot  The year full value   quot zzz quot   The local timezone when using formats to parse UTC date strings

User · Answer

To get a array of month name    Date monthNames   function      var arrMonth           dateRef   new Date        year   dateRef getFullYear     dateRef setMonth 0   while  year    dateRef getFullYear             push le mois en lettre et passe au mois suivant        arrMonth push   dateRef toLocaleString   split       2         dateRef setMonth  dateRef getMonth     1      return arrMonth     alert Date monthNames   toString         - gt  janvier f  vrier mars avril mai juin juillet ao  t septembre octobre novembre d  cembre   http   jsfiddle net polinux qb346

User · Answer

Another way to format date  new Date   toLocaleString  en-us   month  long   year  numeric   day  numeric      output   May 21  2019

User · Answer

I have a partial solution that I came up with  It uses a regular expression to extract the month and day name  But as I look through the Region and Language options  Windows  I realize that different cultures have different format order     maybe a better regular expression pattern could be useful   function testDateInfo             var months   new Array            var days   new Array            var workingDate   new Date            workingDate setHours 0  0  0  0           workingDate setDate 1           var RE   new RegExp    a-z      ig              -- get day names 0-6         for  var i   0  i  lt  7  i                   var day   workingDate getDay                  -- will eventually be in order             if  days day     undefined                  days day    workingDate toLocaleDateString   match RE  0               workingDate setDate workingDate getDate     1                       --get month names 0-11         for  var i   0  i  lt  12  i                  workingDate setMonth i               months push workingDate toLocaleDateString   match RE  1                      alert days join           n r     months join

User · Answer

To get Date formatted as  quot dd-MMM-yyyy quot  using JavaScript use the below code  x000D   x000D  const monthNames     January    February    March    April    May    June    July    August    September    October    November    December              const d   new Date        var dd   String d getDate    padStart 2   0        var mm   String d getMonth     1  padStart 2   0        var yyyy   d getFullYear        var fullDate    dd   -   monthNames d getMonth      -   yyyy      document write  The date is      fullDate   x000D   x000D   x000D

User · Answer

You can handle with or without translating to the local language   Generates value as  11 Oct 2009     x000D   x000D  const objDate   new Date  10 11 2009    x000D  const months     Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec   x000D  if  objDate      Invalid Date   amp  amp   isNaN objDate     x000D    console log objDate getDate           months objDate getMonth            objDate getFullYear    x000D    x000D   x000D   x000D     The ECMAScript Internationalization API to translate month to local language  eg  11 octobre     x000D   x000D  const convertDate   new Date  10 11 2009   x000D  const lang    fr     de  es  ch  x000D  if  convertDate      Invalid Date   amp  amp   isNaN convertDate     x000D    console log convertDate getDate           convertDate toLocaleString lang    x000D      month   long  x000D        x000D    x000D   x000D   x000D

User · Answer

The natural format this days is to use Moment js   The way to get the month in a string format   is very simple in Moment js no need to hard code the month names in your code  To get the current month and year in month name format and full year  May 2015       moment new Date  format  MMMM YYYY

User · Answer

Date prototype getMonthName   function         var monthNames      January    February    March    April    May    June                            July    August    September    October    November    December         return monthNames this getMonth         It can be used as  var month Name   new Date   getMonthName

User · Answer

I heartily recommend the format function from  the moment js library  which you can use like this   moment   format  MMM         Apr  - current date moment new Date 2012  01  04   format  MMM         Feb  - from a local date moment utc new Date 2012  00  04  format  MMM        Jan  - from a UTC date   Use  MMMM  instead of  MMM  if you need the full name of the month  In addition to a lengthy list of other features  it has strong support for internationalization

User · Answer

x000D   x000D  document write new Date   toLocaleString  en-us   month  long   year  numeric   day  numeric     x000D   x000D   x000D

User · Answer

Try   var objDate   new Date  10 11 2009     var strDate       objDate toLocaleString  en     day   numeric                 objDate toLocaleString  en     month   long                  objDate toLocaleString  en     year   numeric

User · Answer

Here s another one  with support for localization     Date prototype getMonthName   function lang        lang   lang  amp  amp   lang in Date locale    lang    en       return Date locale lang  month names this getMonth         Date prototype getMonthNameShort   function lang        lang   lang  amp  amp   lang in Date locale    lang    en       return Date locale lang  month names short this getMonth         Date locale         en           month names    January    February    March    April    May    June    July    August    September    October    November    December           month names short    Jan    Feb    Mar    Apr    May    Jun    Jul    Aug    Sep    Oct    Nov    Dec              you can then easily add support for other languages   Date locale fr    month names

User · Answer

You might use datejs to do that  Check the FormatSpecifiers  MMMM gives you the month s name   var objDate   new Date  10 11 2009    document write objDate toString  MMMM       And datejs got that localized for more than 150 locales  See here

User · Answer

Instead of declaring array which hold all the month name and then pointing with an index  we can also write it in a shorter version as below   var objDate   new Date   toLocaleString  en-us     month   long         result  August var objDate   new Date   toLocaleString  en-us     month   short         result  Aug

User · Answer

The easiest and simplest way I figured    x000D   x000D           var now   new Date    x000D    basically converting whole date to string    Fri Apr 2020  x000D    then splitting by     a space     Fri   Apr   2020   x000D    then selecting second element of array    x000D      Fri   Apr   2020    1  x000D  var currentMonth   now toDateString   split      1   x000D  console log currentMonth   x000D            x000D   x000D   x000D

User · Answer

If you re using jQuery  you re probably also using jQuery UI  which means you can use   datepicker formatDate       datepicker setDefaults    datepicker regional   nl            dutch   datepicker formatDate   dd MM yy   objDate

User · Answer

You can use one of several available Date formatters  Since this falls within the JavaScript specification  it will be available in both browser and server-side modes   objDate toString   split      1      gives short name  unsure about locale  objDate toLocaleDateString split      0      gives long name   e g   js gt  objDate   new Date new Date   - 9876543210  Mon Feb 04 2013 12 37 09 GMT-0800  PST  js gt  objDate toString   split      1  Feb js gt  objDate toLocaleString   split      0  February   There are more at https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Date

User · Answer

Store the names in a array and look up by the index of the month   var month new Array 12   month 0   January   month 1   February   month 2   March   month 3   April   month 4   May   month 5   June   month 6   July   month 7   August   month 8   September   month 9   October   month 10   November   month 11   December    document write  The current month is     month d getMonth        JavaScript getMonth   Method

User · Answer

Some common easy process from date object can be done by this    x000D   x000D  var monthNames     January    February    March    April    May    June   x000D     July    August    September    October    November    December  x000D     x000D  var monthShortNames     Jan    Feb    Mar    Apr    May    Jun   x000D     Jul    Aug    Sep    Oct    Nov    Dec  x000D     x000D   x000D  function dateFormat1 d    x000D    var t   new Date d   x000D    return t getDate           monthNames t getMonth             t getFullYear    x000D    x000D   x000D  function dateFormat2 d    x000D    var t   new Date d   x000D    return t getDate           monthShortNames t getMonth             t getFullYear    x000D    x000D   x000D  console log dateFormat1 new Date     x000D  console log dateFormat2 new Date     x000D   x000D   x000D    Or you can make date prototype like   x000D   x000D  Date prototype getMonthName   function     x000D    var monthNames     January    February    March    April    May    June   x000D       July    August    September    October    November    December  x000D       x000D    return monthNames this getMonth     x000D    x000D   x000D   x000D  Date prototype getFormatDate   function     x000D    var monthNames     January    February    March    April    May    June   x000D       July    August    September    October    November    December  x000D       x000D    return this getDate           monthNames this getMonth             this getFullYear    x000D    x000D   x000D   x000D  console log new Date   getMonthName    x000D  console log new Date   getFormatDate    x000D   x000D   x000D    Ex    var dateFormat3   new Date   getMonthName        March  var dateFormat4   new Date   getFormatDate        16 March  2017

User · Answer

For me this is best solution is   for TypeScript as well   const env   process env REACT APP LOCALE     en    const namedMonthsArray    index   number   string     string   gt      const months          for  let month   0  month  lt   11  month          months push        new Date new Date  1970-01-01   setMonth month            toLocaleString env              month   long                       toString                 if  index        return months index         return months       Output is    January    February    March    April    May    June    July    August    September    October    November    December

[javascript] Get month name from Date

Examples related to javascript

Examples related to date

Examples related to date-format

Examples related to time-format