Bagaimana cara mengubah bahasa moment.js?

Saya mencoba mengubah bahasa tanggal yang disetel oleh moment.js. Yang standar adalah bahasa Inggris, tetapi saya ingin mengatur bahasa Jerman. Inilah yang saya coba:

var now = moment().format("LLL").lang("de");

Itu memberi NaN.

var now = moment("de").format("LLL");

Ini bahkan tidak bereaksi.

var now = moment().format("LLL", "de");

Tidak ada perubahan: ini masih menghasilkan hasil dalam bahasa Inggris.

Bagaimana ini mungkin?

Anda memerlukan moment.lang ( PERINGATAN : lang()sudah ditinggalkan sejak saat itu 2.8.0, gunakan locale()sebagai gantinya):

moment.lang("de").format('LLL');

http://momentjs.com/docs/#/i18n/

Pada v2.8.1, moment.locale('de')set lokalisasi, tetapi tidak mengembalikan a moment. Beberapa contoh:

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'

Singkatnya, memanggil localeglobal momentmenetapkan lokal untuk semua momentinstance di masa mendatang , tetapi tidak mengembalikan instance dari moment. Memanggil localesebuah instance, set itu untuk instance DAN mengembalikan instance itu.

Juga, seperti yang dikatakan Shiv dalam komentar, pastikan Anda menggunakan "moment-with-locales.min.js" dan bukan "moment.min.js", jika tidak, itu tidak akan berfungsi.

Saya juga harus mengimpor bahasa:

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

Kemudian gunakan momen seperti biasanya

alert(moment(date).fromNow())

Metode tercepat: Instal dengan Bower

Saya baru saja menginstal momen dengan bower dan terhubung de.jssebagai sumber javascript dalam proyek html saya.

bower install moment --save

Anda juga dapat mengunduh moment.jsdan de.js.

Tautkan 'de.js' di proyek Anda

Menautkan de.jsfile proyek utama saya secara otomatis mengubah lokal untuk semua akses ke kelas momen dan metodenya.

Tidak perlu lagi melakukan moment.locale("de").atau moment.lang("de"). dalam kode sumber.

Tautkan lokal yang Anda inginkan seperti ini:

<script src="/bower_components/moment/moment.js"></script>
<script src="/bower_components/moment/locale/de.js"></script>

Atau Anda dapat menautkan pustaka tanpa bower_componentsjalur, jika Anda mengunduh gaya 1990-an moment.js melalui klik kanan, yang masih berfungsi dengan baik di sebagian besar skenario.

Dengan momentjs 2.8+, lakukan hal berikut:

moment.locale("de").format('LLL');

http://momentjs.com/docs/#/i18n/

Anda harus menambahkan moment.lang(navigator.language)skrip Anda.

Dan juga harus menambahkan setiap lokal negara yang ingin Anda tampilkan: misalnya untuk GB atau FR, Anda perlu menambahkan format lokal itu di perpustakaan moment.js. Contoh format tersebut tersedia dalam dokumentasi momentjs. Jika Anda tidak menambahkan format ini di moment.js maka SELALU akan mengambil lokal AS karena hanya itu yang saya lihat saat ini.

akhir 2017/2018: jawaban lain memiliki terlalu banyak kode lama untuk diedit, jadi di sini alternatif bersih saya jawab:

dengan membutuhkan

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

dengan impor

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

Menggunakan:

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

dengan zona waktu

*memerlukan:

require('moment-range');
require('moment-timezone');

*impor:

import 'moment-range';
import 'moment-timezone';

gunakan zona:

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");

berfungsi untuk memformat tanggal

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
  }  
};

UNTUK PENGGUNA METEOR:

saat lokal tidak diinstal secara default di meteor, Anda hanya mendapatkan lokal 'en' dengan instalasi default.

Jadi, Anda menggunakan kode seperti yang ditunjukkan dengan benar dalam jawaban lain:

moment.locale('it').format('LLL');

tetapi akan tetap dalam bahasa Inggris sampai Anda menginstal lokal yang Anda butuhkan.

Ada cara yang bagus dan bersih untuk menambahkan masing-masing lokal untuk saat ini dalam meteor (disediakan oleh rzymek ).

Instal paket momen dengan cara meteor biasa dengan:

meteor add rzymek:moment

Kemudian tambahkan saja lokal yang Anda butuhkan, misalnya untuk Italia:

meteor add rzymek:moment-locale-it

Atau jika Anda benar-benar ingin menambahkan semua lokal yang tersedia (tambahkan sekitar 30rb ke halaman Anda):

meteor add rzymek:moment-locales

Dengan momen 2.18.1 dan selanjutnya:

  moment.locale("de");
  var m = moment().format("LLL")

<!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

Karena saya menggunakan webpack dengan gulp dan teman-teman ( generator ini mengatur segalanya untuk saya), saya harus melakukan perubahan pada file bower.json. Saya harus mengganti impor default untuk paket saat ini dan memilih file yang datang dengan semua bahasa:

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

Ini adalah file bower.json lengkap saya:

{
  "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"
  }
}

Saya menggunakan angular2-moment, tetapi penggunaannya harus serupa.

import { MomentModule } from "angular2-moment";
import moment = require("moment");

export class AppModule {

  constructor() {
    moment.locale('ru');
  }
}

Ubah bahasa js saat sesuai Versi

Versi: 2.8+

moment.locale ('hai');

Versi: 2.5.1

moment.lang ('hai');

berfungsi dengan baik seperti itu: return moment(status.created_at).locale('es').fromNow();

Saya tidak yakin apa yang berubah tetapi mengimpor file bahasa seperti ini berhasil untuk saya

import 'moment/src/locale/fr';
moment.locale('fr)

Perhatikan src dalam pernyataan impor

untuk momentjs 2.12+ , lakukan hal berikut:

moment.updateLocale('de');

Perhatikan juga bahwa Anda harus menggunakan moment.updateLocale(localeName, config)untuk mengubah lokal yang ada. moment.defineLocale(localeName, config)seharusnya hanya digunakan untuk membuat lokal baru.

Bagi saya, ada beberapa perubahan yang harus dilakukan (ver. 2.20)

1. Anda mengatur lokal dengan moment.locale('de'), dan Anda membuat objek baru yang mewakili tanggal sekarang dengan moment()(perhatikan tanda kurung) dan kemudian format('LLL')itu. Tanda kurung itu penting.

Jadi itu berarti:

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

2. Juga, ingatlah untuk menggunakannya moment-with-locale.js. File berisi semua info lokal dan memiliki ukuran file yang lebih besar. Unduh localefolder tidak cukup. Jika perlu, ubah nama menjadi moment.js. Django hanya menolak untuk memuat moment-with-locale.jsdalam kasus saya.

EDIT: Ternyata mengganti nama file tidak perlu. Saya hanya lupa memohonnya di halaman sehingga Django tidak berpikir memuat itu perlu, jadi salah saya.

Yang ini hanya berfungsi dengan secara otomatis mendeteksi lokasi pengguna saat ini.

import moment from "moment/min/moment-with-locales";

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

Selipkan pena. Saya akan memecahkan ini: var moment = function(x) { return moment(x).locale('de'); }Cara-cara lain tampaknya tidak benar-benar menempel / bertahan dalam kondisi (bagi saya).

Bagi mereka yang bekerja di lingkungan asinkron, momentberperilaku tak terduga saat memuat lokal berdasarkan permintaan.

Dari pada

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

membalikkan urutan

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

Sepertinya lokal dimuat ke lokal yang dipilih saat ini, mengesampingkan informasi lokal yang ditetapkan sebelumnya. Jadi beralih lokal terlebih dahulu, lalu memuat informasi lokal tidak menyebabkan masalah ini.

Setelah berjuang, ini bekerja untuk saya untuk 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>
  );
}

Anda bisa lewat en, fratau es. Jika Anda ingin bahasa lain, Anda harus mengimpor lokal dan menambahkannya ke array.

Jika Anda hanya perlu mendukung satu bahasa, itu sedikit lebih sederhana:

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>
  );
}