Как я могу изменить язык 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пути, если вы загрузили моментальный стиль в стиле 1990-х через щелчок правой кнопкой мыши, который по-прежнему хорошо работает в большинстве сценариев.

С моментом 2.8+ сделайте следующее:

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

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

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

Также необходимо добавить каждую локаль страны, в которой вы хотите отобразить: например, для ГБ или FR, вам нужно добавить этот формат локали в библиотеку moment.js. Пример такого формата доступен в документации моментов. Если вы не добавите этот формат в 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
  }  
};

ДЛЯ ПОЛЬЗОВАТЕЛЕЙ METEOR:

в то время как локали не установлены по умолчанию в метеоре, вы получаете только локаль '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>

демонстрация

Поскольку я использовал веб-пакет с 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-момент, но использование должно быть похожим.

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

export class AppModule {

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

Измените язык языка в соответствии с версией

Версия: 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 в операторе импорта

для момента 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 в моем случае.

РЕДАКТИРОВАТЬ: Оказалось, что переименование файла не является необходимым. Я просто забыл вызвать его на странице, поэтому Django не считает, что загрузка необходима, поэтому я виноват.

Этот просто работает, автоматически определяя текущее местоположение пользователя.

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