locale changes does'nt work #2962

titimoby · 2016-02-15T11:25:08Z

When I try to change the locale value, nothing happens, not even error.

      this.$log.log(moment.locale()); // returns 'en'
      this.$log.log(moment.locale('fr')); // set to french but returns 'en'
      this.$log.log(moment.locale()); // of course, still returns 'en' instead of 'fr'

I also tried from the Chrome developer tools console:

> moment.locale('fr')
-> "en"

The text was updated successfully, but these errors were encountered:

elwynelwyn · 2016-02-15T18:49:51Z

Are you using a module loader that may be giving you a different instance of moment?

import m from 'moment';

this.$log.log(m.locale());
this.$log.log(m.locale('fr'));
this.$log.log(m.locale());

this.$log.log(window.moment.locale());
this.$log.log(window.moment.locale('is'));
this.$log.log(window.moment.locale());

titimoby · 2016-02-16T08:44:45Z

I'm in an angular project, modules are handles with JSPM.
I don't understand what you mean by " that may be giving you a different instance of moment"

The 3 lines are real code I tried, using the same moment in the same method.
I have the same result if I use a specific variable.

import * as moment from 'moment';

export function registerDateFormatService(appModule: angular.IModule) {
   appModule.service('dateFormatService', DateFormatService);
}

export class DateFormatService {
   constructor(private $log: ng.ILogService) {
   }

   public format(value: moment.Moment, displayFormat: string): string {
      this.$log.log(value.locale());
      this.$log.log(value.locale('fr'));
      this.$log.log(value.locale());
      return value.format(displayFormat);
   }
}

results are :

en
angular.js:13239 Moment {_isAMomentObject: true, _i: "2010-10-20 4:30", _f: "YYYY-MM-DD", _isUTC: false, _pf: Object…}_d: Wed Oct 20 2010 00:00:00 GMT+0200 (CEST)_f: "YYYY-MM-DD"_i: "2010-10-20 4:30"_isAMomentObject: true_isUTC: false_isValid: true_locale: Locale_abbr: "en"_ordinalParse: /\d{1,2}(th|st|nd|rd)/_ordinalParseLenient: /\d{1,2}(th|st|nd|rd)|\d{1,2}/ordinal: (number)__proto__: Locale_pf: Object__proto__: Moment
angular.js:13239 en

mattjohnsonpint · 2016-02-17T21:04:32Z

Are you importing the locale data? Which .js file(s) are you using?

titimoby · 2016-02-17T22:14:31Z

Do you mean adding another import after the line:
import * as moment from 'moment';

or import in the module sens, here with JSPM.
(I have moment.js and a lot of what looks like localexx.js like fr.js in my case in the jspm modules folder.)

mattjohnsonpint · 2016-02-17T22:47:34Z

Read through the "Where to use it" section of the docs and see if any of those scenarios apply to you. In general, you either need to be using moment-with-locales.js, or have loaded the locale data separately. Most loaders will not automatically pick up the language file, so you may need to import them separately.

Basically, if you try to switch to a locale that's not loaded, moment will revert to the en locale.

mattjohnsonpint · 2016-02-17T22:48:55Z

See also "Loading locales in the browser".

titimoby · 2016-02-18T08:48:31Z

I'll experiment what I can whith this.
I'm using a simple line added to package.json with is then used by jspm through npm install
"moment": "github:moment/moment@^2.11.2"

I then use it with a single import:
import * as moment from 'moment';

I wrote it in this comment to keep a track for future users who may have the same usage.
I'll post the result of my experiments.
Thanks

titimoby · 2016-02-18T10:11:26Z

I added:
import 'moment/locale/fr';

and using:
moment.locale('fr')

now sets properly the locale to french.
It is not dynamic but it will do the job for now.

I can close it I think and thanks for all people who answered.
Hope this issue will help people using TypeScript/Angular/Jspm.

sbaechler · 2016-02-18T11:56:42Z

Maybe add this to the documentation. I had the same issue and more and more people start using jspm instead of Bower.

mattjohnsonpint · 2016-02-18T20:17:05Z

Glad you got it working! I added an issue to the docs repo. Feel free to send a PR there.

younss · 2016-10-24T02:58:23Z

import like that
import 'moment/src/locale/fr-ca';
import 'moment/src/locale/en-ca';

vanjiminster · 2016-12-23T07:44:13Z

Thanks @younss, your method worked for me. I'm using Ionic 2 RC 2.

dialnco · 2017-10-11T05:48:14Z

@younss you are my savior! it's 10/10/2017 and the docs don't specify this change! updated from moment 2.18 to 2.19.0 and locales imports completely crashed :(
Using React.
Thanks again!

sgj0 · 2017-10-12T18:31:51Z

I had the same problem when I updaded to the 2.19.1
Maybe this could help:

Remove :

node_modules folder
package-lock.json

Re-launch:
npm install

I keep import 'moment' normally and use locale in my sources. So no need to import as @younss did.
Using VueJS.
This worked for me.

Maybe the pb is in the package-lock.json file which do not update the moment node data properly. By removing it and re-launching npm install it create a new package-lock.json file with all data updated.

Vitegor · 2017-12-29T10:31:09Z

@younss, thanks , works for me, i am using parcel-bundler

javiersm79 · 2018-04-20T17:48:54Z

This Solution Worked for me.. Here

I added:
import 'moment/locale/fr';

Hypenate · 2018-09-03T13:00:10Z

Did this change again?
I installed:

npm i moment-with-locales-es6
npm i moment

I created a class with one function:

import * as moment from 'moment';
import 'moment/locale/pt-br';
import 'moment/locale/fr-ca';

export class DatetimeFormatPipe
    transform(date: string): string {
        moment.locale('pt-BR');
        console.log(moment.locale()); 
        console.log('pt-BR', moment(date).toLocaleString());

        moment.locale('fr-CA');
        console.log(moment.locale());
        console.log('fr-CA', moment(date).toLocaleString());

        return "";
    }
}

The logs are as follows:

pt-br
pt-BR Tue Dec 20 2016 10:45:12 GMT+0100
fr-ca
fr-CA Tue Dec 20 2016 10:45:12 GMT+0100

JeongtaekLim · 2019-10-22T10:04:47Z

import like that
import 'moment/src/locale/fr-ca';
import 'moment/src/locale/en-ca';

It works for me thanks!

ligne13 · 2020-06-05T10:11:27Z

I use:

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

moment.locale('fr', fr);

and it works.
Other solutions did not work for me.

socketpair · 2020-06-17T13:05:17Z

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

moment.locale('ru');

The only works for me. @ligne13 Thanks for the hint!

moment 2.25.2

pbrissaud · 2020-08-05T17:23:18Z

Hi,

When using 'import 'moment/locale/fr';' in my Node/Express App, I got this error : "SyntaxError: Cannot use import statement outside a module".

I googled this and I try to add --experimental-modules --es-module-specifier-resolution=node flags but now my app is a mess.

If I can't add this import, is there another way to change the locale ?

Thanks

Paul

Specs :

OS : Ubuntu 20.04 through WSL2
Node : 12.18.3
NPM : 6.14.6
Express : 4.16.1
MomentJS : 2.27

YousefMohsen · 2020-09-03T09:22:03Z

Hi,

When using 'import 'moment/locale/fr';' in my Node/Express App, I got this error : "SyntaxError: Cannot use import statement outside a module".

I googled this and I try to add --experimental-modules --es-module-specifier-resolution=node flags but now my app is a mess.

If I can't add this import, is there another way to change the locale ?

Thanks

Paul

Specs :

OS : Ubuntu 20.04 through WSL2

Node : 12.18.3

NPM : 6.14.6

Express : 4.16.1

MomentJS : 2.27

@pbrissaud

You can't use 'import' in node.js yet. I haven't tried it myself, but I reckon that this would work:

require('moment/locale/fr')
moment.locale('fr');

PandukaNandara · 2022-05-03T18:42:47Z

Form 2022 onward you have to import as follows.

import 'moment/dist/locale/si';

Arturexe · 2022-05-10T12:54:40Z

This is the shortest version that works for me:

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

moment.locale('de');

Working with Vue

uanish · 2023-04-02T01:05:39Z

using import 'moment/dist/locale/de', I get an error when reloading the page(export default hooks;SyntaxError: Unexpected token 'export'). How can I fix this

Dilshan97 · 2023-09-19T12:00:28Z

import 'moment/locale/fr';

this is work for me

titimoby mentioned this issue Feb 15, 2016

How can I import momentjs in es6? #2608

Closed

Myrmex mentioned this issue Feb 16, 2016

Loading moment.js locale's mgechev/angular-seed#499

Closed

mattjohnsonpint added the Troubleshooting label Feb 17, 2016

mattjohnsonpint mentioned this issue Feb 18, 2016

Clarify how to load locales with jspm moment/momentjs.com#267

Closed

mattjohnsonpint closed this as completed Feb 18, 2016

CarlosCortizasCT mentioned this issue Jul 7, 2022

Add support for dynamic loading moment.js locales commercetools/merchant-center-application-kit#2679

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

locale changes does'nt work #2962

locale changes does'nt work #2962

titimoby commented Feb 15, 2016

elwynelwyn commented Feb 15, 2016

titimoby commented Feb 16, 2016

mattjohnsonpint commented Feb 17, 2016

titimoby commented Feb 17, 2016

mattjohnsonpint commented Feb 17, 2016

mattjohnsonpint commented Feb 17, 2016

titimoby commented Feb 18, 2016

titimoby commented Feb 18, 2016

sbaechler commented Feb 18, 2016

mattjohnsonpint commented Feb 18, 2016

younss commented Oct 24, 2016

vanjiminster commented Dec 23, 2016

dialnco commented Oct 11, 2017

sgj0 commented Oct 12, 2017 •

edited

Vitegor commented Dec 29, 2017

javiersm79 commented Apr 20, 2018 •

edited

Hypenate commented Sep 3, 2018

JeongtaekLim commented Oct 22, 2019

ligne13 commented Jun 5, 2020

socketpair commented Jun 17, 2020 •

edited

pbrissaud commented Aug 5, 2020

YousefMohsen commented Sep 3, 2020 •

edited

PandukaNandara commented May 3, 2022

Arturexe commented May 10, 2022 •

edited

uanish commented Apr 2, 2023 •

edited

Dilshan97 commented Sep 19, 2023

locale changes does'nt work #2962

locale changes does'nt work #2962

Comments

titimoby commented Feb 15, 2016

elwynelwyn commented Feb 15, 2016

titimoby commented Feb 16, 2016

mattjohnsonpint commented Feb 17, 2016

titimoby commented Feb 17, 2016

mattjohnsonpint commented Feb 17, 2016

mattjohnsonpint commented Feb 17, 2016

titimoby commented Feb 18, 2016

titimoby commented Feb 18, 2016

sbaechler commented Feb 18, 2016

mattjohnsonpint commented Feb 18, 2016

younss commented Oct 24, 2016

vanjiminster commented Dec 23, 2016

dialnco commented Oct 11, 2017

sgj0 commented Oct 12, 2017 • edited

Vitegor commented Dec 29, 2017

javiersm79 commented Apr 20, 2018 • edited

Hypenate commented Sep 3, 2018

JeongtaekLim commented Oct 22, 2019

ligne13 commented Jun 5, 2020

socketpair commented Jun 17, 2020 • edited

pbrissaud commented Aug 5, 2020

YousefMohsen commented Sep 3, 2020 • edited

PandukaNandara commented May 3, 2022

Arturexe commented May 10, 2022 • edited

uanish commented Apr 2, 2023 • edited

Dilshan97 commented Sep 19, 2023

sgj0 commented Oct 12, 2017 •

edited

javiersm79 commented Apr 20, 2018 •

edited

socketpair commented Jun 17, 2020 •

edited

YousefMohsen commented Sep 3, 2020 •

edited

Arturexe commented May 10, 2022 •

edited

uanish commented Apr 2, 2023 •

edited