Moment.js:根据浏览器语言设置日期格式

Moment.js : Format date according browser lang

本文关键字：语言 设置 日期 格式 浏览器 js Moment      更新时间：2023-11-20

我使用此代码以法语格式显示日期：

var dateToDisplay = moment(myDateInMS, "x").format("DD/MM/YYYY - hh:mm:ss"); // Output : "20/03/2016 - 12:35:32"

我想根据浏览器语言改进这个显示器，使其具有更好的显示效果。我怎么能利用瞬间做到这一点？

我不建议根据浏览器语言设置区域设置，因为这不是用户实际区域设置的明确信号。例如，用户可以使用英语操作系统，即使他/她讲法语。

话虽如此。从浏览器中读取语言并将Moment.js设置为相应的语言环境可以通过以下方式完成：

var localeData = moment.localeData();
switch (navigator.language || navigator.userLanguage) {
    case 'fr':
        localeData = moment.localeData('fr');
        break;
}
localeData.longDateFormat('LL'); // the example 'LL' will output date in "D MMMM YYYY format"

请注意，这是在设置整个Moment.js实例的区域设置（这可能是您想要做的）。还要注意，从Moment.js 2.8.0开始，更改全局区域设置不会影响现有实例。

另请参见

  • 全局更改区域设置
  • 长日期格式

Moment实际上会搜索从浏览器中提取的区域设置的子字符串，以尝试选择正确的区域设置。因此，没有必要准备或创建案例陈述。例如，moment有es作为区域设置，但没有es-mx。如果浏览器设置为es-mx，则区域设置函数查找es-mx，如果找不到，则返回到es。因此：

moment.locale('es-mx');
"es"

这意味着为了你的目的，你可以做：

moment.locale(navigator.userLanguage || navigator.language);

然后，在格式化日期时，使用一种特定于区域设置的格式，使其适合用户：

moment().format('LL')
"1 de abril de 2016"
moment().format('L')
"01/04/2016"

有关所有本地化格式及其应生成的内容，请参阅格式文档的本地化格式部分：http://momentjs.com/docs/#/displaying/format/

相关文章：