moment.jsで設定されている日付の言語を変更しようとしています。デフォルトは英語ですが、ドイツ語を設定したいです。これらは私が試したものです：
var now = moment().format("LLL").lang("de");それは与えていNaNます。
var now = moment("de").format("LLL");これも反応していません。
var now = moment().format("LLL", "de");変更なし：これはまだ英語で結果を生成しています。
これはどのようにして可能ですか？
回答:
moment.langが必要です（警告：lang()はモーメント以降廃止予定です。代わり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'要約するとlocale、グローバルを呼び出すと、moment将来のすべてのmomentインスタンスのロケールが設定されますが、のインスタンスは返されませんmoment。localeインスタンスを呼び出すと、そのインスタンスに設定され、そのインスタンスが返されます。
また、Shivがコメントで述べたように、「moment.min.js」ではなく「moment-with-locales.min.js」を使用してください。そうしないと機能しません。
var deMoment = moment(); deMoment.lang('de')再利用することもできdeMomentます。
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')
言語もインポートする必要がありました。
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 'moment/min/locales.min'
bowerを使用しde.jsてモーメントをインストールし、htmlプロジェクトにjavascriptリソースとしてリンクしました。
bower install moment --save
moment.jsおよびを手動でダウンロードすることもできますde.js。
de.jsメインプロジェクトファイルでをリンクすると、モーメントクラスとそのメソッドへのすべてのアクセスのロケールが自動的に変更されました。
あり得ないだろう もはや不要行うmoment.locale("de").か
moment.lang("de"). にソースコードを。
次のように希望のロケールをリンクするだけです。
<script src="/bower_components/moment/moment.js"></script>
<script src="/bower_components/moment/locale/de.js"></script>またはbower_components、右クリックでmoment.js 1990iesスタイルをダウンロードした場合は、パスなしでライブラリをリンクできます。これは、ほとんどのシナリオで正常に機能します。
<script src="/bower_components/moment/locale/de.js"></script>です。今すぐ機能します。
moment.locale('de')で設定し、現在の日付を表す新しいオブジェクトを作成しますmoment()（括弧に注意してください）format('LLL')。括弧は重要です。2.20でテスト済み。また、moment-with-locale.js必ず使用し、必要に応じて名前をに変更してくださいmoment.js。moment-with-locale.js私の場合、Djangoはロードを拒否します。
moment().locale('de').format('LLL');
moment.lang(navigator.language)スクリプトを追加する必要があります。
また、表示したい各国のロケールを追加する必要もあります。たとえば、GBやFRの場合は、moment.jsライブラリにそのロケール形式を追加する必要があります。このような形式の例は、momentjsのドキュメントにあります。このフォーマットをmoment.jsに追加しない場合は、常にUSロケールを選択します。これは、現在表示されているロケールが唯一のロケールであるためです。
2017/2018年末：もう1つの回答には古いコードが多すぎて編集できないため、ここに私の代替の明確な回答を示します。
必要と
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';
流星のユーザー向け：
瞬間のロケールはデフォルトではmeteorにインストールされません。デフォルトのインストールでは 'en'ロケールのみが取得されます。
したがって、他の回答で正しく示されているコードを使用します。
moment.locale('it').format('LLL');ただし、必要なロケールをインストールするまで、英語のままになります。
流星の瞬間に個々のロケールを追加する、すてきでクリーンな方法があります（rzymekによって提供されます））。
次のコマンドを使用して、通常の流星の方法でモーメントパッケージをインストールします。
meteor add rzymek:moment次に、たとえばイタリア語の場合に必要なロケールを追加します。
meteor add rzymek:moment-locale-itまたは、使用可能なすべてのロケールを本当に追加したい場合（ページに約30kを追加します）：
meteor add rzymek:moment-localesrzymek:moment-locale-de、機能しました:)
<!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>gulpや友達と一緒にwebpackを使用していたので（このジェネレーターがすべてをセットアップしてくれました）、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"
}
}そのようにうまく働く： return moment(status.created_at).locale('es').fromNow();
私にとっては、いくつかの変更点があります（バージョン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はそれをロードする必要があるとは思わないので、私のせいです。
非同期環境で作業しているmoment場合、オンデマンドでロケールをロードするときに予期しない動作をします。
の代わりに
await import('moment/locale/en-ca');
moment.locale('en-ca');順序を逆にする
moment.locale('en-ca');
await import('moment/locale/en-ca');ロケールは現在選択されているロケールに読み込まれ、以前に設定されたロケール情報を上書きしているようです。したがって、最初にロケールを切り替えてからロケール情報をロードしても、この問題は発生しません。
苦労した後、これは私にとってmomentv2.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。別の言語が必要な場合は、ロケールをインポートして配列に追加する必要があります。
1つの言語のみをサポートする必要がある場合は、少し簡単です。
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>
);
}