Moment.js librería para las Fechas

Nubeden
Nubeden desarrollo web
3 min readJan 26, 2020

Librería para trabajar con con los formatos de fechas y calendarios como: día, mes, hora, minutos, segundos, am-pm, nombres del día, mes y rangos de fechas.

  1. Descaragar moment.js En su pagina oficial: https://momentjs.com/, viene la documentación de como instalar mediante el sistema de gestor de paquetes npm y mediante descarga del archivo moment.min.js para incluirlo en el archivo index.html quedando de la siguiente manera si es que se guardo en una carpeta llamada js <scriptsrc=’js/moment.min.js’></script>
  2. Trabajar con moment.js también en la documentación viene como empezar a usar los formatos de fechas y algunas operaciones básicas para obtener rangos de los calendarios.

Formato de Fechas

//Con el primer código se obtiene la fecha actual viene siendo lo que esta entre comillas simples se puede modificar a YYYY-MM-DD 00:00:00 para que quede con un formato en números.

moment().format(‘MMMM Do YYYY, h:mm:ss a’); // January 25th 2020, 2:00:36 pm
moment().format(‘dddd’); // Saturday
moment().format(“MMM Do YY”); // Jan 25th 20
moment().format(‘YYYY [escaped] YYYY’); // 2020 escaped 2020
moment().format(); // 2020–01–25T14:00:36–06:00

Determinar un período determinado

moment(“20111031”, “YYYYMMDD”).fromNow(); // 8 years ago
moment(“20120620”, “YYYYMMDD”).fromNow(); // 8 years ago
moment().startOf(‘day’).fromNow(); // 14 hours ago
moment().endOf(‘day’).fromNow(); // in 10 hours
moment().startOf(‘hour’).fromNow(); //undefined

Obtener una fecha atrás de la actual de acuerdo al numero de días que se defina

moment().subtract(10, ‘days’).calendar(); // 01/15/2020
moment().subtract(6, ‘days’).calendar(); // Last Sunday at 2:06 PM
moment().subtract(3, ‘days’).calendar(); // Last Wednesday at 2:06 PM
moment().subtract(1, ‘days’).calendar(); // Yesterday at 2:06 PM
moment().calendar(); // Today at 2:06 PM
moment().add(1, ‘days’).calendar(); // Tomorrow at 2:06 PM
moment().add(3, ‘days’).calendar(); // Tuesday at 2:06 PM
moment().add(10, ‘days’).calendar();// moment().subtract(10, ‘days’).calendar(); // 01/15/2020

Soporte para múltiples ubicaciones

moment.locale(); // en
moment().format(‘LT’); // 2:16 PM
moment().format(‘LTS’); // 2:16:56 PM
moment().format(‘L’); // 01/25/2020
moment().format(‘l’); // 1/25/2020
moment().format(‘LL’); // January 25, 2020
moment().format(‘ll’); // Jan 25, 2020
moment().format(‘LLL’); // January 25, 2020 2:16 PM
moment().format(‘lll’); // Jan 25, 2020 2:16 PM
moment().format(‘LLLL’); // Saturday, January 25, 2020 2:16 PM
moment().format(‘llll’);//Undefined

En la documentación de moment.js viene muy especifica la información de como usarla, a continuación veremos algunos ejemplos que puedes poner en practica en tu archivo javascript:

//Si se desea agregar un día, semana o mes a una fecha

//También se puede hacer de la siguiente manera restando un día, semana o mes a la fecha

Puedes comentar al respecto sera un gusto.

¡Lo único imposible es aquello que no intentas :D!

--

--