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.
es correcta la estructura de tus carpetas y no se si esta bien el archivo main.js haces dos referencias a el como si fueron dos pero uno para importar y el otro para codigo javascript
podrias explicarlo de mejor forma?