React: Get month name instead of number

Question

Need to get the name of the month (ie. April) instead of the number that is compatible with a React app.

I've tried using a few JavaScript snippets, but I'm not getting the results I need.

Currently using {(new Date().getMonth()+1)} to pull the month number. To note, this is rendering outside of a component.

Is using a predefined array of months an acceptable solution? — Rowan Baker-French, Apr 17 '19 at 15:53
Possible duplicate of [Get month name from Date](https://stackoverflow.com/questions/1643320/get-month-name-from-date) — JKL, Apr 17 '19 at 15:57

score 1 · Answer 1 · answered Apr 17 '19 at 15:54

The simplest form would be using an array:

let monthNumber = (new Date().getMonth()+1);
let monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
let monthName = monthNames[monthNumber];

// render jsx
return (<div>{monthName}<div>)

In case you need to do more with date (compare, add, subtract, etc.) you might want to use a library, e.g. moment.js.

score 0 · Answer 2 · answered Apr 17 '19 at 15:52

0

You can use {['January','February',...,'December'](new Date().getMonth())}. It will pick the correct index from the months array (eg index 0 = January).

answered Apr 17 '19 at 15:52

George Koniaris

314
2
9

score -1 · Answer 3 · edited Jul 28 '20 at 21:36

-1

It should be:

let monthName = monthNames[monthNumber - 1];

edited Jul 28 '20 at 21:36

Run_Script

2,332
2
12
26

answered Jul 28 '20 at 20:40

Dave

1

hi Dave, thank you for your answer! could you add an explanation to your code? it's not clear what you think the author of the question got wrong, or how this is a solution. if "monthNames" is a particular array for example, please describe it (even if you think it's obvious) as it isn't mentioned in the question at all – Sasha Kondrashov Jul 28 '20 at 23:58
Hi Sasha, Sorry for misunderstanding! The array is zero based, so e.g. September would be at index 8! That is why I thought it might be quite clear for everyone. See also my screenshot form VS. -Sorry it looks like I can not upload images yet! – Dave Jul 29 '20 at 22:14

React: Get month name instead of number

3 Answers3