Como importar moment.js

Hola a todos, hoy os voy a explicar como podemos importar moment.js en nuestra aplicación javascript.

Moment.js es un conjunto de utilidades de fecha en Javascript. Aquí os dejo la documentación.

Aquí os dejo el enlace para descargar. Solo tienes que darle a guardar como… y guardarlo donde tu quieras.

Yo os recomiendo guardarlo en una estructura parecida a esta:

Obviar el fichero ._moment.js

Ahora en main.js, pondremos lo siguiente:


<script src="./includes/moment.js/moment.js"></script>

Recuerda importarlo antes del script de main.js

Ahora en main.js, pondremos lo siguiente:


function example(){

    // crea una instancia de una fecha
    console.log(moment());

    // Creo una instancia de 1995-12-25
    console.log(moment("1995-12-25"));

    // Creo una instancia y formatea la fecha
    console.log(moment().format('MMMM Do YYYY, h:mm:ss a'));

    // Creo una instancia (2011-10-31) e indica la diferencia con la fecha de hoy
    console.log(moment("20111031", "YYYYMMDD").fromNow());

}

window.onload = example;

Este es el resultado:

Si te das cuenta, los resultados salen en ingles por defecto, si quieres cambiarlo a otro idioma.

Para cambiarlo al idioma que queramos, deberemos descargar este js, aquí lo puedes descargar.

Lo importamos en el index.html, recomiendo usar uno u otro, no los dos a la vez.


<script src="./includes/moment.js/moment-with-locales.js"></script>

Ahora añadimos moment.locale(‘es’); para cambiar el idioma de los posteriores.


function example(){

    // crea una instancia de una fecha
    console.log(moment());

    // Creo una instancia de 1995-12-25
    console.log(moment("1995-12-25"));

    // Cambiamos el locale a español
    moment.locale('es');
    
    // Creo una instancia y formatea la fecha
    console.log(moment().format('MMMM Do YYYY, h:mm:ss a'));

    // Creo una instancia (2011-10-31) e indica la diferencia con la fecha de hoy
    console.log(moment("20111031", "YYYYMMDD").fromNow());

}

window.onload = example;

Este es el resultado:

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *