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.

Chelyabinsk

Possible duplicate of how do I change the language of moment.js – Willardwillcox

same issue here did you got the fix yet? – Geometrize

Possible duplicate of How to change locale in momentJS? – Herder

Answer 1

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

Borneol

I had to add "/dist" to the import: import 'moment/dist/locale/es' – Wattmeter

@HectorToro you helped me thanks – Angieangil

Answer 2

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';

Katrinakatrine

thanks, i used import 'moment/locale/fr'; or import 'moment/lib/locale/fr'; but not working import 'moment/dist/locale/fr'; work – Nidifugous

Bloody christ thanks for this. Nothing worked, this did. – Rapp

Answer 3

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

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

reference

Kilogram

I was looking for the exact solution for my React project, your suggestion worked great. Thank you very much. – Na

Answer 4

I think if you do

import 'moment/min/locales'

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

Premundane

Got them to bundle for me. – Baum

Answer 5

I found the solution here: https://mcmap.net/q/535368/-how-to-set-language-globally-for-moment-js

You should use the moment.updateLocale function

Anticatalyst

Answer 6

Reactjs 18.2.0 Moment 2.30.1

import moment from "moment";
import 'moment/locale/ru';

let now = moment();
console.log(now.format('LLLL'));

Alternate