Angular: Changing locale in moment has no effect

Question

I use angular2-moment for handling dates in my app. I have one component that is used like datepicker with help of moment, now I am doing localization and I am stuck with localizing moment. I wrote:

console.log(moment().locale('de').format('LLLL'));

in my constructor to check but I still get english version. Is there any special imports I need to do so this will work?

score 2 · Accepted Answer · answered Dec 22 '17 at 09:01

2

It worked after I added:

import * as moment from 'moment';
import 'moment/min/locales';

answered Dec 22 '17 at 09:01

OjamaYellow

899
1
13
27

This works because the first statements loads the full version of moment, including all locales. You don't need the second statement. – Marc Oct 25 '18 at 08:26

score 1 · Answer 2 · answered Nov 21 '19 at 04:57

I'm having what might be the same issue. For a reason I can't figure out, locale files from webpack are empty.

One workaround I've found is to alias moment to moment/min/moment-with-locales. It's not ideal but it gets working locales again.

resolve: {
  modules: ['node_modules', ],
  extensions: ['.js', '.jsx', '.react.js'],
  mainFields: ['browser', 'jsnext:main', 'main'],
  alias: {
    // Ensure our moment is locale enabled.
    moment: 'moment/min/moment-with-locales',
  },
},

Angular: Changing locale in moment has no effect

2 Answers2