对于那些在异步环境中工作的人来说，在按需加载区域设置时，moment的行为会出乎意料。

而不是

await import('moment/locale/en-ca');
moment.locale('en-ca');

颠倒顺序

moment.locale('en-ca');
await import('moment/locale/en-ca');

似乎locale被加载到当前选定的locale中，覆盖了之前设置的任何locale信息。所以先切换语言环境，再加载语言环境信息不会导致这个问题。

返回moment(status.created_at).locale('es').fromNow();

对我来说，有一些改变要做。2.20)

使用moment.locale('de')设置locale，然后创建一个新对象，用moment()表示现在的日期(注意括号)，然后格式化('LLL')它。括号很重要。

这意味着:

moment.locale('de');
var now = moment();
now.format('LLL');

另外，记得使用moment-with-locale.js。该文件包含所有语言环境信息，文件大小较大。下载locale文件夹是不够的。如有必要，将名称改为moment.js。Django只是拒绝加载moment-with-locale.js。

编辑: 结果证明，重命名文件是不必要的。我只是忘记在页面中调用它，所以Django不认为加载它是必要的，这是我的错。

经过一番挣扎后，这对我来说是有效的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>
  );
}

——更新——

在一种情况下，像上面那样导入所有区域设置文件将使用最后导入的始终使用的区域设置(即。在上面的例子中是“es”)，即使我把它设置为“fr”。似乎有效的解决方案是:

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

...

moment.locale('fr');

哎呀，笔误。我会解决这个问题: Var矩=函数(x){返回矩(x).locale('de');其他方法在某些条件下(对我来说)似乎不太管用。

对于momentjs 2.12+，执行以下操作:

moment.updateLocale('de');

还要注意，你必须使用moment。updateLocale(localeName, config)来更改现有的语言环境。moment.defineLocale(localeName, config)应该只用于创建一个新的区域设置。