78

I am using Moment.js in my project and formatting dates as follows:

var date = moment.unix(1318781876);
return date.format('LLLL');

The moment docs state the multiple locales are supported. I would like to know if moment.js will auto-detect the locale, or do I need to detect the locale and pass it to moment?

Update My goal is to ensure the displayed date is in the format of the user's region. i.e. in the US the short date format is mm/dd/yy whereas in the UK it is dd/mm/yy

3 Answers 3

161
+50

As of momentjs documentation:

By default, Moment.js comes with English locale strings. If you need other locales, you can load them into Moment.js for later use.

You can change it with that:

moment.locale(locale);

To get the user's locale with javascript you can do that:

var locale = window.navigator.userLanguage || window.navigator.language;

Refer to: http://momentjs.com/docs/#/i18n/changing-locale/

and JavaScript for detecting browser language preference

3
  • 2
    So, it stands to reason that the following code could be used directly after loading moment-with-locale.js to ensure moment uses the correct locale for your users throughout the page: moment.locale(window.navigator.userLanguage || window.navigator.language). Is that a correct statement?
    – Brad
    Feb 1, 2017 at 17:04
  • What if a user uses English but lives in China?
    – Grey Li
    Jul 9, 2017 at 8:27
  • 3
    @GreyLi that is to ensure correct display of dates (i.e. english format), OP is not talking about timezones. In your case the displayed format would be english.
    – Joanvo
    Jul 10, 2017 at 7:03
2

For everyone stumbling on this question:

 const locale = navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language;

 moment.locale(locale);

in my case I had to not only import moment but also the different locales so I was able to make sure the locale was actually set in moment. Otherwise functions like

moment.localeData();

would just return the default value.

This worked for me:

import moment from "moment/min/moment-with-locales";
-2
import moment from 'moment';  
import 'moment/locale/fr';  
moment.locale('fr')

View issue comment

1
  • 1
    I don't understand how this answers the question. You would have to dynamically load the locale module according to the region, so you are moving of detecting the locale from calling momentjs to loading the appropriate module. Moreover, the question mentions UK/US and your answer talks about French.
    – Kineolyan
    Mar 23, 2021 at 10:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.