moment.js change locale not working

Question

My project is a react project.

My website is a mutilanguage website, when I change the web language. moment.locale(lang) not working.

My code is:

const startDate = moment.utc(start).locale(lang);
const endDate = moment.utc(end).locale(lang);

whatever I set lang I check the startDate.locale() always is 'en' startDate.format('ll') result always is English.

Possible duplicate of [how do I change the language of moment.js](https://stackoverflow.com/questions/17493309/how-do-i-change-the-language-of-moment-js) — VincenzoC, Apr 12 '18 at 08:10
Possible duplicate of [How to change locale in momentJS?](https://stackoverflow.com/questions/48530110/how-to-change-locale-in-momentjs) — blalasaadri, Feb 12 '19 at 12:20

score 69 · Answer 1 · answered May 17 '19 at 07:27

69

If the project was created using create-react-app, moment locales were probably excluded by default.

This is now documented in the "Moment.js locales are missing" section of create-react-app's troubleshooting guide.

Solution: explicitly import locales in addition to 'moment':

import moment from 'moment';
import 'moment/locale/fr';
import 'moment/locale/es';
// etc. as required

answered May 17 '19 at 07:27

searlea

8

I had to add "/dist" to the import: import 'moment/dist/locale/es' – Hector Toro Aug 02 '22 at 18:37

score 20 · Answer 2 · answered May 10 '22 at 12:57

20

According to this github issue, from 2022 on or so, it has to be imported like so:

import moment from 'moment';
import 'moment/dist/locale/de';

moment.locale('de');

if this doesn't work, try this change:

import moment from 'moment/dist/moment';

answered May 10 '22 at 12:57

thanks, i used `import 'moment/locale/fr'`; or `import 'moment/lib/locale/fr';` but not working `import 'moment/dist/locale/fr';` work – Massimo Alvaro Oct 07 '22 at 09:16
2

Bloody christ thanks for this. Nothing worked, this did. – Stan Smulders Dec 05 '22 at 21:03

score 1 · Answer 3 · answered Aug 12 '22 at 06:42

1

I think if you do

import 'moment/min/locales'

Instead of individual import of each locale. In my case it resolve my problem

answered Aug 12 '22 at 06:42

Dhaval Parmar

score 0 · Answer 4 · answered May 13 '22 at 11:36

0

You should use the moment.updateLocale function

answered May 13 '22 at 11:36

batatop

score 0 · Answer 5 · answered May 29 '23 at 22:04

0

For a react native app importing moment like this fixed the issue

import moment from 'moment/min/moment-with-locales';

answered May 29 '23 at 22:04

Gabriel Aguirre

5 Answers5