blocks|key|282863|text|您需要在脚本中添加moment.lang(navigator.language)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|282864|还必须添加要显示的每个国家/地区的区域设置:例如，对于GB或FR，您需要在moment.js库中添加该区域设置格式。momentjs文档中提供了此类格式的示例。如果你不在moment.js中添加这种格式，那么它总是会选择美国地区，因为这是我目前看到的唯一一种地区。|282865|entityMap^0|9|V|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

<p>You'd need to add <code>moment.lang(navigator.language)</code> in your script.</p>

<p>And must also add each country locale you want to display in : for example for GB or FR, you need to add that locale format in moment.js library. An example of such format is available in momentjs documentation. If you don't add this format in moment.js then it'd ALWAYS pick up US locale as that's the only one that I currently see.</p>


blocks|key|66510|text|使用momentjs+2.8%2B，执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|66511|moment.locale("de").format('LLL');|code-block|syntax|javascript|66512|http://momentjs.com/docs/#/i18n/|offset|length|66513|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|W|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

<p>With momentjs 2.8+, do the following:</p>

<pre><code>moment.locale("de").format('LLL');
</code></pre>

<p><a href="http://momentjs.com/docs/#/i18n/" rel="noreferrer">http://momentjs.com/docs/#/i18n/</a></p>


blocks|key|66538|text|哎呀，笔误了。我会解决这个问题:对于我来说，var+moment+=+function(x)+{+return+moment(x).locale('de');+}其他的方式似乎并不能在条件下坚持/保持。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|66539|entityMap^0|M|1N|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>Whoops slip of the pen. I'd solve this:
<code>var moment = function(x) { return moment(x).locale('de'); }</code> The other ways don't really seem to stick/hold under conditions (for me).</p>


blocks|key|282931|text|<!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>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|282932|Demo|unstyled|offset|length|282933|entityMap|0|LINK|mutability|MUTABLE|url|http://www.rampukar.xyz/2016/06/momentjs-changing-locales-locally.html^0|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;MomentJS&lt;/title&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="moment.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="locale/ne.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;script&gt;
        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);
        });
    &lt;/script&gt;
    &lt;p class="ne1"&gt;&lt;/p&gt;
    &lt;p class="ne2"&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><a href="http://www.rampukar.xyz/2016/06/momentjs-changing-locales-locally.html" rel="nofollow">Demo</a></p>


blocks|key|66614|text|当我和朋友们一起使用webpack+(this+generator为我准备了一切)时，我不得不对bower.json文件进行了修改。我必须覆盖moment包的默认导入，并选择所有语言附带的文件：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|66615|"overrides":+{
++"moment":+{
++++"main":+[
++++++++"min/moment-with-locales.min.js"
++++]
++}
}|code-block|syntax|javascript|66616|这是我的完整bower.json文件：|66617|{
++"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":+"%5E4.13.1",
++++"angular-moment":+"%5E0.10.3",
++++"angularLocalStorage":+"ngStorage#%5E0.3.2",
++++"ngstorage":+"%5E0.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"
++}
}|66618|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Swiip/generator-gulp-angular^0|J|E|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>As I was using webpack with gulp and friends (<a href="https://github.com/Swiip/generator-gulp-angular" rel="nofollow noreferrer">this generator</a> set up everything for me)  I had to make a change to the bower.json file. I had to override the default import for the moment package and select the file that comes with all the languages:</p>

<pre><code>"overrides": {
  "moment": {
    "main": [
        "min/moment-with-locales.min.js"
    ]
  }
}
</code></pre>

<p>This is my full bower.json file:</p>

<pre><code>{
  "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"
  }
}
</code></pre>


blocks|key|283016|text|我使用的是angular2-moment，但用法必须类似。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|283017|import+{+MomentModule+}+from+"angular2-moment";
import+moment+=+require("moment");

export+class+AppModule+{

++constructor()+{
++++moment.locale('ru');
++}
}|code-block|syntax|javascript|283018|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I'm using angular2-moment, but usage must be similar.</p>

<pre><code>import { MomentModule } from "angular2-moment";
import moment = require("moment");

export class AppModule {

  constructor() {
    moment.locale('ru');
  }
}
</code></pre>


blocks|key|66694|text|像这样工作很好：return+moment(status.created_at).locale('es').fromNow();|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|66695|entityMap^0|8|1K|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>work fine like that: <code>return moment(status.created_at).locale('es').fromNow();</code></p>


blocks|key|283101|text|我还必须导入语言：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|283102|import+moment+from+'moment'
import+'moment/locale/es'++//+without+this+line+it+didn't+work
moment.locale('es')|code-block|syntax|javascript|283103|然后像往常一样使用moment|283104|alert(moment(date).fromNow())|283105|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>I had to import also the language:</p>

<pre><code>import moment from 'moment'
import 'moment/locale/es'  // without this line it didn't work
moment.locale('es')
</code></pre>

<p>Then use moment like you normally would</p>

<pre><code>alert(moment(date).fromNow())
</code></pre>


blocks|key|66800|text|从moment+2.18.1开始：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|66801|++moment.locale("de");
++var+m+=+moment().format("LLL")|code-block|syntax|javascript|66802|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>With moment 2.18.1 and onward: </p>

<pre><code>  moment.locale("de");
  var m = moment().format("LLL")
</code></pre>


blocks|key|283188|text|2017+/2018年末:其他答案有太多的旧代码要编辑，所以这里是我的替代干净答案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|283189|使用要求|283190|let+moment+=+require('moment');
require('moment/locale/fr.js');
//+or+if+you+want+to+include+all+locales:
require("moment/min/locales.min");|code-block|syntax|javascript|283191|使用导入|283192|import+moment+from+'moment';
import+'moment/locale/fr';
//+or+if+you+want+to+include+all+locales:
require("moment/min/locales.min");|283193|使用：|283194|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|283195|使用时区|283196|*要求：|283197|require('moment-range');
require('moment-timezone');|283198|*导入：|283199|import+'moment-range';
import+'moment-timezone';|283200|使用区域：|283201|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");|283202|设置日期格式的函数|283203|const+ISOtoDate+=+function+(dateString,+format='')+{

+//+if+date+is+not+string+use+conversion:
+//+value.toLocaleDateString()+%2B'+'%2B+value.toLocaleTimeString();

++if+(+!dateString+)+{
++++return+'';
++}

++if+(format+)+{
++++return+moment(dateString).format(format);
++}+else++{
++++return+moment(dateString);++//+It+will+use+default+global+format
++}++
};|283204|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1D|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1F|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|1G|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1H|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1I|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|1J|8|@]|9|@]|A|$G|H]]|$1|W|3|X|5|6|7|1K|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|F|7|1L|8|@]|9|@]|A|$G|H]]|$1|10|3|11|5|6|7|1M|8|@]|9|@]|A|$]]|$1|12|3|13|5|F|7|1N|8|@]|9|@]|A|$G|H]]|$1|14|3|15|5|6|7|1O|8|@]|9|@]|A|$]]|$1|16|3|17|5|F|7|1P|8|@]|9|@]|A|$G|H]]|$1|18|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]]|19|$]]

<p>end 2017 / 2018: the anothers answers have too much old code to edit, so here my alternative clean answer:</p>

<p>with require</p>

<pre><code>let moment = require('moment');
require('moment/locale/fr.js');
// or if you want to include all locales:
require("moment/min/locales.min");
</code></pre>

<p>with imports</p>

<pre><code>import moment from 'moment';
import 'moment/locale/fr';
// or if you want to include all locales:
require("moment/min/locales.min");
</code></pre>

<p>Use:</p>

<pre><code>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
</code></pre>

<p>with timezone</p>

<p>*require:</p>

<pre><code>require('moment-range');
require('moment-timezone');
</code></pre>

<p>*import:</p>

<pre><code>import 'moment-range';
import 'moment-timezone';
</code></pre>

<p>use zones:</p>

<pre><code>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");
</code></pre>

<p>function to format date </p>

<pre><code>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
  }  
};
</code></pre>


blocks|key|66874|text|这个是通过自动检测当前用户的位置来工作的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|66875|import+moment+from+"moment/min/moment-with-locales";

//+Then+use+it+as+you+always+do.+
moment(yourDate).format("MMMM+Do+YYYY,+h:mm+a")|code-block|syntax|javascript|66876|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This one just works by auto detecting the current user location. </p>

<pre class="lang-js prettyprint-override"><code>import moment from "moment/min/moment-with-locales";

// Then use it as you always do. 
moment(yourDate).format("MMMM Do YYYY, h:mm a")
</code></pre>


blocks|key|66895|text|对于那些在异步环境中工作的人来说，当按需加载区域设置时，moment的行为会出乎意料。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|66896|而不是|66897|await+import('moment/locale/en-ca');
moment.locale('en-ca');|code-block|syntax|javascript|66898|颠倒顺序|66899|moment.locale('en-ca');
await+import('moment/locale/en-ca');|66900|区域设置似乎已加载到当前选定的区域设置中，覆盖了以前设置的任何区域设置信息。因此，首先切换区域设置，然后加载区域设置信息不会导致此问题。|66901|entityMap^0|S|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|11|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|T|$]]

<p>For those working in asynchronous environments, <code>moment</code> behaves unexpectedly when loading locales on demand.</p>

<p>Instead of </p>

<pre><code>await import('moment/locale/en-ca');
moment.locale('en-ca');
</code></pre>

<p>reverse the order</p>

<pre><code>moment.locale('en-ca');
await import('moment/locale/en-ca');
</code></pre>

<p>It seems like the locales are loaded into the current selected locale, overriding any previously set locale information. So switching the locale first, then loading the locale information does not cause this issue.</p>


blocks|key|66919|text|我不确定是什么改变了，但是像这样导入语言文件对我来说是有效的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|66920|import+'moment/src/locale/fr';
moment.locale('fr)|code-block|syntax|javascript|66921|请注意import语句中的src|66922|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I am not sure what changed but importing the language file like this worked for me</p>

<pre><code>import 'moment/src/locale/fr';
moment.locale('fr)
</code></pre>

<p>Notice the src in the import statement</p>


blocks|key|66933|text|经过努力，这对我的moment+v2.26.0起作用了：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|66934|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>
++);
}|code-block|syntax|javascript|66935|您可以传入en、fr或es。如果您想要另一种语言，则必须导入区域设置并将其添加到数组中。|66936|如果你只需要支持一种语言，那就更简单了：|66937|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>
++);
}|66938|entityMap^0|9|6|0|0|5|2|8|2|B|2|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|13|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|Q|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|R|$]]

<p>After struggling, this worked for me for <code>moment</code> v2.26.0:</p>

<pre><code>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 (
    &lt;div className="App"&gt;
      {x.format("LLL")}
      &lt;br /&gt;
      {x.fromNow()}
    &lt;/div&gt;
  );
}
</code></pre>

<p>You can pass in <code>en</code>, <code>fr</code> or <code>es</code>. If you wanted another language, you'd have to import the locale and add it to the array.</p>

<p>If you only need to support one language it is a bit simpler:</p>

<pre><code>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 (
    &lt;div className="App"&gt;
      {x.format("LLL")}
      &lt;br /&gt;
      {x.fromNow()}
    &lt;/div&gt;
  );
}
</code></pre>


blocks|key|283337|text|首先调用p5.js和moment-with-locales.js，然后像下面这样编写代码，您就会得到结果。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|283338|在这个结果中，我以不同的语言显示了月份名称:)|283339|请检查代码：|283340|​|283341|+++++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;|code-block|syntax|javascript|283342|<!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>|283343|283344|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|V|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|O|3|G|5|6|7|X|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

<p>First Call , p5.js and moment-with-locales.js and then do code like below and you will get your result.</p>
<p>In this result I have showed Month Name in different language :)</p>
<p>Check code please :</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>     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;</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;P5.js and Moment.js&lt;/title&gt;
        &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.4/moment-with-locales.js"&gt;&lt;/script&gt;
    
    &lt;h3&gt;English Version Month Name&lt;/h3&gt;
    
    &lt;p id="monthNameEnglish"&gt;&lt;/p&gt;
    
    &lt;h3&gt; German Version Month Name&lt;/h3&gt;
    
    &lt;p id="monthNameGerman"&gt;&lt;/p&gt;
        
    &lt;/head&gt;
    &lt;body&gt;
    &lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>


<p>I am trying to change the language of the date which is being set by moment.js. The default one is English, but I want to set the German language. These is what I tried:</p>

<pre><code>var now = moment().format("LLL").lang("de");
</code></pre>

<p>It’s giving <code>NaN</code>.</p>

<pre><code>var now = moment("de").format("LLL");
</code></pre>

<p>This isn’t even reacting.</p>

<pre><code>var now = moment().format("LLL", "de");
</code></pre>

<p>No change: this is still producing a result in English.</p>

<p>How is this possible?</p>


How do I change the language of moment.js?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试更改moment.js设置的日期的语言。默认设置为英语，但我想设置为德语。这是我尝试过的：var now = moment().format("LLL").lang("de");它给了NaN。var now = moment("de").format("LLL");这根本就不是反应。var now = mom...

问如何更改moment.js的语言？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改moment.js的语言？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改moment.js的语言？
EN