¿Cómo cambio el lenguaje de moment.js?

Estoy tratando de cambiar el idioma de la fecha establecida por moment.js. El predeterminado es el inglés, pero quiero configurar el idioma alemán. Esto es lo que probé:

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

Está dando NaN.

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

Esto ni siquiera está reaccionando.

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

Sin cambios: esto sigue produciendo un resultado en inglés.

¿Cómo es esto posible?

Necesita moment.lang ( ADVERTENCIA : lang()está en desuso desde el momento 2.8.0, use locale()en su lugar):

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

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

A partir de v2.8.1, moment.locale('de')establece la localización, pero no devuelve a moment. Algunos ejemplos:

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'

En resumen, llamar localeal global momentestablece la configuración regional para todas las momentinstancias futuras , pero no devuelve una instancia de moment. Al llamar localea una instancia, la establece para esa instancia Y devuelve esa instancia.

Además, como dijo Shiv en los comentarios, asegúrese de usar "moment-with-locales.min.js" y no "moment.min.js", de lo contrario no funcionará.

Tuve que importar también el idioma:

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

Luego usa el momento como lo harías normalmente

alert(moment(date).fromNow())

Método más rápido: instalar con Bower

Acabo de instalar moment con bower y lo vinculé de.jscomo recurso de JavaScript en mi proyecto html.

bower install moment --save

También puede descargar manualmente el moment.jsy de.js.

Enlace 'de.js' en su proyecto

Al vincular el de.jsarchivo de mi proyecto principal, se cambió automáticamente la configuración regional para todos los accesos a la clase de momento y sus métodos.

Ya no será necesario hacer una moment.locale("de").o moment.lang("de"). en el código fuente.

Simplemente vincule la configuración regional deseada de esta manera:

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

O puede vincular las bibliotecas sin la bower_componentsruta, si descargó el estilo de los años 90 de moment.js haciendo clic con el botón derecho, que todavía funciona bien en la mayoría de los escenarios.

Con momentjs 2.8+, haga lo siguiente:

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

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

Tendría que agregar moment.lang(navigator.language)su script.

Y también debe agregar la configuración regional de cada país en el que desea mostrar: por ejemplo, para GB o FR, debe agregar ese formato de configuración regional en la biblioteca moment.js. Un ejemplo de dicho formato está disponible en la documentación de momentjs. Si no agrega este formato en moment.js, SIEMPRE seleccionaría la configuración regional de EE. UU., Ya que es la única que veo actualmente.

finales de 2017/2018: las otras respuestas tienen demasiado código antiguo para editar, así que aquí mi respuesta limpia alternativa:

con requieren

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

con importaciones

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

Utilizar:

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

con zona horaria

*exigir:

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

*importar:

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

zonas de uso:

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

función para formatear fecha

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

PARA USUARIOS DE METEOR:

los locales de momento no se instalan de forma predeterminada en meteor, solo obtiene el entorno local 'en' con la instalación predeterminada.

Entonces usa el código como se muestra correctamente en otras respuestas:

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

pero permanecerá en inglés hasta que instale la configuración regional que necesita.

Hay una manera agradable y limpia de agregar configuraciones regionales individuales por un momento en meteorito (suministrado por rzymek ).

Instale el paquete de momento de la forma habitual de meteorito con:

meteor add rzymek:moment

Luego, simplemente agregue las configuraciones regionales que necesita, por ejemplo, para italiano:

meteor add rzymek:moment-locale-it

O si realmente desea agregar todas las configuraciones regionales disponibles (agrega aproximadamente 30k a su página):

meteor add rzymek:moment-locales

Con el momento 2.18.1 y en adelante:

  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>

Manifestación

Como estaba usando webpack con trago y amigos ( este generador configuró todo para mí) tuve que hacer un cambio en el archivo bower.json. Tuve que anular la importación predeterminada para el paquete de momento y seleccionar el archivo que viene con todos los idiomas:

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

Este es mi archivo bower.json completo:

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

Estoy usando angular2-moment, pero el uso debe ser similar.

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

export class AppModule {

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

Cambie el momento js idioma según la versión

Versión: 2.8+

moment.locale ('hola');

Versión: 2.5.1

moment.lang ('hola');

funciona bien así: return moment(status.created_at).locale('es').fromNow();

No estoy seguro de qué cambió, pero importar el archivo de idioma como este funcionó para mí

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

Observe el src en la declaración de importación

para momentjs 2.12+ , haga lo siguiente:

moment.updateLocale('de');

También tenga en cuenta que debe usar moment.updateLocale(localeName, config)para cambiar una configuración regional existente. moment.defineLocale(localeName, config)solo debe usarse para crear una nueva configuración regional.

Para mí, hay algunos cambios que hacer (ver. 2.20)

1. Establece la configuración regional con moment.locale('de'), y crea un nuevo objeto que representa la fecha de ahora por moment()(observe el paréntesis) y luego format('LLL'). El paréntesis es importante.

Entonces eso significa:

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

2. Además, recuerde usar moment-with-locale.js. El archivo contiene toda la información local y tiene un tamaño de archivo más grande. Descargar la localecarpeta no es suficiente. Si es necesario, cambie el nombre para ser moment.js. Django simplemente se niega a cargar moment-with-locale.jsen mi caso.

EDITAR: Resultó que cambiar el nombre del archivo no es necesario. Simplemente olvidé invocarlo en la página, así que Django no cree que sea necesario cargarlo, así que es mi culpa.

Este solo funciona mediante la detección automática de la ubicación actual del usuario.

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

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

Vaya resbalón de la pluma. Solucionaría esto: las var moment = function(x) { return moment(x).locale('de'); }otras formas realmente no parecen pegarse / mantenerse bajo condiciones (para mí).

Para aquellos que trabajan en entornos asíncronos, se momentcomporta de forma inesperada al cargar configuraciones regionales a pedido.

En vez de

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

invertir el orden

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

Parece que las configuraciones regionales se cargan en la configuración regional seleccionada actual, anulando cualquier información de configuración regional previamente establecida. Entonces, cambiar la configuración regional primero y luego cargar la información de la configuración regional no causa este problema.

Después de luchar, esto funcionó para mí para 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>
  );
}

Puedes pasar en, froes . Si quisieras otro idioma, deberías importar la configuración regional y agregarla a la matriz.

Si solo necesita admitir un idioma, es un poco más simple:

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