如何更改 moment.js 的语言？
Posted
技术标签:
【中文标题】如何更改 moment.js 的语言？【英文标题】：How do I change the language of moment.js? 【发布时间】：2013-07-03 19:38:04 【问题描述】：我正在尝试更改由 moment.js 设置的日期的语言。默认是英语，但我想设置德语。这些是我尝试过的：
var now = moment().format("LLL").lang("de");
它正在给NaN。
var now = moment("de").format("LLL");
这甚至没有反应。
var now = moment().format("LLL", "de");
没有变化：这仍然会产生英文结果。
这怎么可能？
【问题讨论】：
momentjs.com/docs/#/i18n/changing-language 【参考方案1】：要使用 moment（2.8.0 之后的版本）更改区域设置，请执行以下步骤。
在 index.html 中加载时刻语言环境文件，如下所示
<script src="../node_modules/moment/locale/it.js"></script>
根据需要设置区域设置 - moment.locale('it');
现在moment.locale() 将返回“它”
您可以将 moment 与任何语言一起使用 - javascript、Angular、node 等。
【讨论】：
【参考方案2】：First Call , p5.js 和 moment-with-locales.js 然后执行下面的代码，你会得到你的结果。
在这个结果中，我用不同的语言显示了月份名称:)
请检查代码：
var monthNameEnglish = moment().locale('en-gb').format('MMMM');
document.getElementById('monthNameEnglish').innerHTML = monthNameEnglish;
var monthNameGerman = moment().locale('de').format('MMMM');
document.getElementById('monthNameGerman').innerHTML = monthNameGerman;<!DOCTYPE html>
<html>
<head>
<title>P5.js and Moment.js</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.4/moment-with-locales.js"></script>
<h3>English Version Month Name</h3>
<p id="monthNameEnglish"></p>
<h3> German Version Month Name</h3>
<p id="monthNameGerman"></p>
</head>
<body>
</body>
</html>【讨论】：
导入p5.js是什么原因？我不认为这是相关的 @Andra 为什么你认为它不相关？请回答？ @Andra，你给了差评，但连你自己都不知道答案？【参考方案3】：经过努力，这对我有用 moment v2.26.0：
import React from "react";
import moment from "moment";
import frLocale from "moment/locale/fr";
import esLocale from "moment/locale/es";
export default function App()
moment.locale('fr', [frLocale, esLocale]) // can pass in 'en', 'fr', or 'es'
let x = moment("2020-01-01 00:00:01");
return (
<div className="App">
x.format("LLL")
<br />
x.fromNow()
</div>
);
您可以传入en、fr 或es。如果您想要另一种语言，则必须导入语言环境并将其添加到数组中。
如果你只需要支持一种语言，那就简单一点：
import React from "react";
import moment from "moment";
import "moment/locale/fr"; //always use French
export default function App()
let x = moment("2020-01-01 00:00:01");
return (
<div className="App">
x.format("LLL")
<br />
x.fromNow()
</div>
);
【讨论】：
【参考方案4】：我不确定发生了什么变化，但像这样导入语言文件对我有用
import 'moment/src/locale/fr';
moment.locale('fr)
注意import语句中的src
【讨论】：
你错过了单引号('fr) -> ('fr')【参考方案5】：
对于那些在异步环境中工作的人，moment 在按需加载语言环境时会出现意外行为。
代替
await import('moment/locale/en-ca');
moment.locale('en-ca');
颠倒顺序
moment.locale('en-ca');
await import('moment/locale/en-ca');
似乎区域设置已加载到当前选定的区域设置中，覆盖了任何先前设置的区域设置信息。所以先切换语言环境，再加载语言环境信息不会导致这个问题。
【讨论】：
【参考方案6】：这只是通过自动检测当前用户位置来工作。
import moment from "moment/min/moment-with-locales";
// Then use it as you always do.
moment(yourDate).format("MMMM Do YYYY, h:mm a")
【讨论】：
【参考方案7】：2017 / 2018 年底：其他人的答案有太多旧代码需要编辑，所以这里是我的替代干净答案：
需要
let moment = require('moment');
require('moment/locale/fr.js');
// or if you want to include all locales:
require("moment/min/locales.min");
带进口
import moment from 'moment';
import 'moment/locale/fr';
// or if you want to include all locales:
require("moment/min/locales.min");
用途：
moment.locale('fr');
moment().format('D MMM YY'); // Correct, set default global format
// moment.locale('fr').format('D MMM YY') //Wrong old versions for global default format
有时区
*要求：
require('moment-range');
require('moment-timezone');
*导入：
import 'moment-range';
import 'moment-timezone';
使用区域：
const newYork = moment.tz("2014-06-01 12:00", "America/New_York");
const losAngeles = newYork.clone().tz("America/Los_Angeles");
const london = newYork.clone().tz("Europe/London");
日期格式化函数
const ISOtoDate = function (dateString, format='')
// if date is not string use conversion:
// value.toLocaleDateString() +' '+ value.toLocaleTimeString();
if ( !dateString )
return '';
if (format )
return moment(dateString).format(format);
else
return moment(dateString); // It will use default global format
;
【讨论】：
唯一对我有用的是将时刻导入更改为：import moment from 'moment/min/moment-with-locales';
@leojnxs 是的，如果您想包含所有语言环境，但可以仅使用一个或多个特定语言环境为每种语言进行导入【参考方案8】：
您需要 moment.lang（警告：lang() 已被弃用，因为 moment 2.8.0，请改用 locale()）：
moment.lang("de").format('LLL');
http://momentjs.com/docs/#/i18n/
从 v2.8.1 开始，moment.locale('de') 设置本地化，但不返回 moment。一些例子：
var march = moment('2017-03')
console.log(march.format('MMMM')) // 'March'
moment.locale('de') // returns the new locale, in this case 'de'
console.log(march.format('MMMM')) // 'March' still, since the instance was before the locale was set
var deMarch = moment('2017-03')
console.log(deMarch.format('MMMM')) // 'März'
// You can, however, change just the locale of a specific moment
march.locale('es')
console.log(march.format('MMMM')) // 'Marzo'
总而言之，在全局 moment 上调用 locale 会为所有未来的 moment 实例设置区域设置，但不会返回 moment 的实例。在实例上调用locale，为该实例设置它并返回该实例。
另外，正如 Shiv 在 cmets 中所说，请确保使用“moment-with-locales.min.js”而不是“moment.min.js”，否则将无法正常工作。
【讨论】：
在文档中，您可以通过这样做创建特定于语言的时刻实例。如果您先格式化，语言将无法处理。或者，您可以执行var deMoment = moment(); deMoment.lang('de') 之类的操作并在整个脚本中重复使用deMoment 而不是时刻。
如果你使用“moment.min.js”它不会工作；你需要“moment-with-locales.min.js”
更新：Deprecation warning: moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages. Arguments: fr
你需要导入想要的语言，否则这将不起作用：import moment from 'moment'; import localization from 'moment/locale/de'moment().locale("de", localization).format('LLL')
从'moment/min/moment-with-locales'导入时刻；【参考方案9】：
我还必须导入语言：
import moment from 'moment'
import 'moment/locale/es' // without this line it didn't work
moment.locale('es')
然后像往常一样使用时刻
alert(moment(date).fromNow())
【讨论】：
您的回答比其他回答更有帮助，因为您提到了import 'moment/locale/es'
是的，这是正确的答案...谢谢，我正在拔头发，想知道为什么它不起作用。但这对于任何可能使用的语言类型都必须导入，这是一个真正的痛苦。必须有更好的方法。
感谢您解释特定语言环境的导入。
根据文档，如果有人希望包含所有语言环境，那么他/她可以使用 require("moment/min/locales.min"); 或使用 import import 'moment/min/locales.min'
谢谢，正是我需要的【参考方案10】：
对我来说，需要做一些更改（2.20 版）
-
您使用
moment.locale('de') 设置区域设置，然后通过moment()（注意括号）和format('LLL') 创建一个表示现在日期的新对象。括号很重要。
也就是说：
moment.locale('de');
var now = moment();
now.format('LLL');
-
另外，记得使用
moment-with-locale.js。该文件包含所有语言环境信息并且文件大小较大。下载locale 文件夹是不够的。如有必要，将名称更改为moment.js。就我而言，Django 只是拒绝加载 moment-with-locale.js。
编辑： 事实证明，不需要重命名文件。我只是忘记在页面中调用它，所以 Django 认为没有必要加载它，所以是我的错。
【讨论】：
【参考方案11】：从 2.18.1 开始：
moment.locale("de");
var m = moment().format("LLL")
【讨论】：
必须包含语言环境文件，否则将不起作用。 这已经被提及为不起作用，除非相关的特定时刻语言环境模块也被导入。 @Maniaque 我没有安装任何特别的东西，只是 npm install --save 时刻，它工作正常【参考方案12】：像这样工作正常：return moment(status.created_at).locale('es').fromNow();
【讨论】：
虽然此代码可能会回答问题，但提供有关它如何和/或为什么解决问题的额外上下文将提高答案的长期价值。【参考方案13】：根据版本更改时刻js语言
版本：2.8+
moment.locale('hi');
版本：2.5.1
moment.lang('hi');
【讨论】：
【参考方案14】：我使用的是 angular2-moment，但用法必须类似。
import MomentModule from "angular2-moment";
import moment = require("moment");
export class AppModule
constructor()
moment.locale('ru');
【讨论】：
【参考方案15】：当我在 gulp 和朋友中使用 webpack 时（this generator 为我设置了一切），我不得不对 bower.json 文件进行更改。我必须覆盖 moment 包的默认导入并选择所有语言附带的文件：
"overrides":
"moment":
"main": [
"min/moment-with-locales.min.js"
]
这是我的完整 bower.json 文件：
"name": "html5",
"version": "0.0.0",
"dependencies":
"angular-animate": "~1.4.2",
"angular-cookies": "~1.4.2",
"angular-touch": "~1.4.2",
"angular-sanitize": "~1.4.2",
"angular-messages": "~1.4.2",
"angular-ui-router": "~0.2.15",
"bootstrap-sass": "~3.3.5",
"angular-bootstrap": "~0.13.4",
"malarkey": "yuanqing/malarkey#~1.3.1",
"angular-toastr": "~1.5.0",
"moment": "~2.10.6",
"animate.css": "~3.4.0",
"angular": "~1.4.2",
"lodash": "^4.13.1",
"angular-moment": "^0.10.3",
"angularLocalStorage": "ngStorage#^0.3.2",
"ngstorage": "^0.3.10"
,
"devDependencies":
"angular-mocks": "~1.4.2"
,
"overrides":
"bootstrap-sass":
"main": [
"assets/stylesheets/_bootstrap.scss",
"assets/fonts/bootstrap/glyphicons-halflings-regular.eot",
"assets/fonts/bootstrap/glyphicons-halflings-regular.svg",
"assets/fonts/bootstrap/glyphicons-halflings-regular.ttf",
"assets/fonts/bootstrap/glyphicons-halflings-regular.woff",
"assets/fonts/bootstrap/glyphicons-halflings-regular.woff2"
]
,
"moment":
"main": [
"min/moment-with-locales.min.js"
]
,
"resolutions":
"angular": "~1.4.2"
【讨论】：
在此之后，您仍然需要在输出日期之前声明/设置时刻区域设置，对吧？ 当然 :) 这只是确保您有可用的翻译短语，以便您可以切换到另一种语言（即时）【参考方案16】：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MomentJS</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript" src="moment.js"></script>
<script type="text/javascript" src="locale/ne.js"></script>
</head>
<body>
<script>
jQuery(document).ready(function($)
moment.locale('en'); // default the locale to English
var localLocale = moment();
moment.locale('ne'); // change the global locale to Nepalese
var ne1 = localLocale.format('LLLL');
var ne2 = moment().format('LLLL');
$('.ne1').text(ne1);
$('.ne2').text(ne2);
);
</script>
<p class="ne1"></p>
<p class="ne2"></p>
</body>
</html>
Demo
【讨论】：
【参考方案17】：对于流星用户：
moment 语言环境默认不安装在流星中，您只能通过默认安装获得“en”语言环境。
所以你使用其他答案中正确显示的代码：
moment.locale('it').format('LLL');
但在您安装所需的语言环境之前，它将保持为英文。
有一种很好、干净的方法可以在流星中为 moment 添加单独的语言环境（由 rzymek 提供）。
以通常的流星方式安装 moment 包：
meteor add rzymek:moment
然后只需添加您需要的语言环境，例如意大利语：
meteor add rzymek:moment-locale-it
或者，如果您真的想添加所有可用的语言环境（向您的页面添加大约 30k）：
meteor add rzymek:moment-locales
【讨论】：
@AntonAL 还好你给我发了你的评论，我刚刚注意到这个问题实际上并不是针对流星的。但是我认为我的回答非常有用。我已经编辑了我的答案以反映这一点。 谢谢！添加了rzymek:moment-locale-de，它起作用了:)【参考方案18】：
对于 momentjs 2.12+，请执行以下操作：
moment.updateLocale('de');
另请注意，您必须使用moment.updateLocale(localeName, config) 更改现有语言环境。 moment.defineLocale(localeName, config) 只能用于创建新的语言环境。
【讨论】：
【参考方案19】：哎呀，笔滑了。我会解决这个问题：
var moment = function(x) return moment(x).locale('de'); 在某些条件下（对我而言），其他方式似乎并没有真正坚持/保持。
【讨论】：
【参考方案20】：您需要在脚本中添加moment.lang(navigator.language)。
还必须添加您要显示的每个国家/地区区域设置：例如对于 GB 或 FR，您需要在 moment.js 库中添加该区域设置格式。 momentjs 文档中提供了这种格式的示例。如果您不在 moment.js 中添加这种格式，那么它总是会选择美国语言环境，因为这是我目前看到的唯一一种。
【讨论】：
如果他们的浏览器在 'en' 并且他们正在阅读 'es' 那么它只会显示 'en' 中的时间【参考方案21】：最快的方法：使用 Bower 安装
我刚刚在我的 html 项目中安装了带有 bower 的时刻并将 de.js 链接为 javascript 资源。
bower install moment --save
您也可以手动下载moment.js 和de.js。
在您的项目中链接“de.js”
在我的主项目文件中链接 de.js 会自动更改所有访问 moment 类及其方法的语言环境。
将不再需要发送moment.locale("de"). 或
moment.lang("de"). 在源代码中。
只需像这样链接您想要的语言环境：
<script src="/bower_components/moment/moment.js"></script>
<script src="/bower_components/moment/locale/de.js"></script>
如果您通过右键单击下载了 moment.js 1990ies-style，或者您可以链接没有 bower_components 路径的库，这在大多数情况下仍然可以正常工作。
【讨论】：
这应该是正确的答案。只需将所需的本地链接与<script src="/bower_components/moment/locale/de.js"></script>。它现在对我有用。
"将不再需要在源代码中执行 moment.locale("de"). 或 moment.lang("de").。".我认为这对于更改语言环境的动态应用程序仍然有用。就像理论上您可以通过我的 Angular 应用程序中的语言/国家下拉菜单更改我的应用程序中的语言环境，然后 moment 应该动态更改格式，我认为 moment.locale($lang)
当然可以，但您仍然需要在我的测试中将 javascript 文件加载到 index.html 中。这在 2017 年 5 月仍然是一个问题，也许应该在他们的文档中包含这个问题。【参考方案22】：
使用 momentjs 2.8+，执行以下操作：
moment.locale("de").format('LLL');
http://momentjs.com/docs/#/i18n/
【讨论】：
它应该工作；你能提供一个例子说明它在哪里不起作用，你是如何使用 moment 的（你是通过 npm 等安装的）吗？ 最近的时刻（我在 2.18.1 中测试过）使用这个：moment.locale("de"); var m = moment().format("LLL") apadana 是对的：您使用moment.locale('de') 设置区域设置，然后通过moment()（注意括号）和format('LLL') 创建一个表示现在日期的新对象。括号很重要。在 2.20 中测试。另外，请记住使用moment-with-locale.js，如有必要，请将名称更改为moment.js。就我而言，Django 只是拒绝加载 moment-with-locale.js。
如果这个不行，试试这个：moment().locale('de').format('LLL');
这个是正确的，只是不要忘记导入您要使用的语言环境（cfr. Agu Dondo 的回答）。以上是关于如何更改 moment.js 的语言？的主要内容，如果未能解决你的问题，请参考以下文章
Vue.config.js 配置 moment.js按需导入