Як змінити мову moment.js?

Я намагаюся змінити мову дати, яку встановлює 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')встановлює локалізацію, але не повертає a 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примірник, встановлює його для цього примірника І повертає цей екземпляр.

Крім того, як сказав Шив у коментарях, переконайтеся, що ви використовуєте "moment-with-locales.min.js", а не "moment.min.js", інакше це не працюватиме.

Мені довелося імпортувати також мову:

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

Тоді використовуйте момент, як зазвичай

alert(moment(date).fromNow())

Найшвидший спосіб: встановити за допомогою Bower

Я щойно встановив момент з bower та пов’язаний de.jsяк ресурс javascript у своєму проекті html.

bower install moment --save

Ви також можете завантажити вручну moment.jsта de.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 за допомогою правої кнопки миші, що як і раніше працює добре у більшості сценаріїв.

З momentjs 2.8+ зробіть наступне:

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

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

Вам потрібно буде додати moment.lang(navigator.language)у свій сценарій.

А також потрібно додати кожну локальну країну, яку ви хочете відобразити: наприклад, для GB або FR, вам потрібно додати цей формат локалі у бібліотеці moment.js. Приклад такого формату доступний у документації на momentjs. Якщо ви не додаєте цей формат у moment.js, то він ВИНАГА підбирає локальний каталог США, оскільки це єдиний, який я зараз бачу.

кінець 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
  }  
};

ДЛЯ КОРИСТУВАЧІВ МЕТЕ:

моменти локалів не встановлені за замовчуванням у метеорі, ви отримуєте локальну локальність 'en' лише при встановленні за замовчуванням.

Отже, ви використовуєте код, як правильно показано в інших відповідях:

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

але він залишатиметься англійською мовою, поки ви не встановите потрібну вам мову.

Існує приємний, чистий спосіб додавання окремих локальних локальних даних на момент метеору (надається rzymek ).

Встановіть момент пакет в звичайному метеорного шляху з:

meteor add rzymek:moment

Потім просто додайте потрібні локалі, наприклад для італійської мови:

meteor add rzymek:moment-locale-it

Або якщо ви дійсно хочете додати всі доступні локалі (додає приблизно 30 к на вашу сторінку):

meteor add rzymek:moment-locales

З моменту 2.18.1 і далі:

  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>

Демо

Оскільки я використовував webpack з gulp та друзями ( цей генератор все для мене налаштував), я повинен був змінити файл bower.json. Мені довелося змінити імпорт за замовчуванням для пакету моменту та вибрати файл, який постачається всіма мовами:

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

Я використовую angular2-moment, але використання має бути подібним.

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

export class AppModule {

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

Змініть мову js моменту відповідно до версії

Версія: 2.8+

moment.locale ('привіт');

Версія: 2.5.1

moment.lang ('привіт');

добре працювати так: return moment(status.created_at).locale('es').fromNow();

Я не впевнений, що змінилося, але імпорт мовного файлу, як це, працював на мене

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

Помітьте src у імпорті

для momentjs 2.12+ зробіть наступне:

moment.updateLocale('de');

Також зауважте, що ви повинні використовувати moment.updateLocale(localeName, config)для зміни наявної локалі. moment.defineLocale(localeName, config)слід використовувати лише для створення нового локалу.

Для мене слід внести деякі зміни (вер. 2.20)

1. Ви встановлюєте локаль з moment.locale('de'), і ви створюєте новий об'єкт, що представляє дату тепер moment()(зауважте в дужках), а потім format('LLL')його. Дужки важливі.

Отже, це означає:

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

2. Також не забудьте використовувати moment-with-locale.js. Файл містить всю інформацію про локаль і має більший розмір файлу. Завантажити localeпапку недостатньо. Якщо потрібно, змініть ім'я, яке буде moment.js. Джанго просто відмовляється завантажувати moment-with-locale.jsв моєму випадку.

EDIT: Виявилося, що перейменувати файл не потрібно. Я просто забув викликати його на сторінці, щоб Джанго не вважав, що завантажувати її потрібно, тому я винен.

Цей просто працює, автоматично визначаючи поточне місцезнаходження користувача.

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

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

Вуп ковзання пера. Я би вирішив це: var moment = function(x) { return moment(x).locale('de'); }інші способи, схоже, не тримаються / тримаються за умов (для мене).

Для тих, хто працює в асинхронному середовищі, 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 . Якщо ви хочете іншої мови, вам доведеться імпортувати локаль і додати його до масиву.

Якщо вам потрібно підтримувати лише одну мову, це трохи простіше:

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