Fechas: cómo formatearlas con Dayjs en JavaScript

Las fechas son una parte fundamental de cualquier aplicación. En JavaScript, una de las librerías más populares para el manejo de fechas es Dayjs. En este artículo, aprenderemos cómo formatear fechas utilizando Dayjs.

¿Qué es Dayjs?

Dayjs es una librería JavaScript liviana que permite el manejo fácil y eficiente de fechas y horas. Es una alternativa a bibliotecas como Moment.js, pero con una huella mucho más pequeña y un rendimiento más rápido.

La ventaja de utilizar Dayjs es que proporciona una api similar a la de Moment.js, por lo que si estás familiarizado con Moment.js, te resultará muy fácil trabajar con Dayjs.

Instalación y configuración

Para comenzar a utilizar Dayjs, primero debemos instalarlo en nuestro proyecto. Podemos hacerlo a través de npm ejecutando el siguiente comando en nuestra terminal:

npm install dayjs

Luego de la instalación, simplemente importamos la librería en nuestro archivo JavaScript:

import dayjs from 'dayjs';

Ahora estamos listos para comenzar a formatear nuestras fechas.

Formateando fechas con Dayjs

Dayjs proporciona una amplia gama de opciones para formatear nuestras fechas según nuestras necesidades. Algunos de los formatos más comunes son:

  • YYYY-MM-DD: formato de fecha ISO-8601.
  • DD/MM/YYYY: formato de fecha comúnmente utilizado en muchos países.
  • MMMM D, YYYY: formato que muestra el nombre completo del mes y el año.
  • ddd, hA: formato de fecha y hora con el nombre corto del día de la semana y el tiempo en formato de 12 horas.

Para formatear una fecha con Dayjs, simplemente utilizamos el método format. A continuación, se muestra un ejemplo de cómo formatear una fecha en formato DD/MM/YYYY:

const fecha = dayjs("2022-01-01");
const fechaFormateada = fecha.format("DD/MM/YYYY");
console.log(fechaFormateada); // Output: 01/01/2022

Como se puede ver en el ejemplo, primero creamos una instancia de Dayjs pasando la fecha como argumento, y luego utilizamos el método format para obtener la fecha formateada en el formato que deseamos.

También es posible encadenar múltiples formatos juntos. Por ejemplo:

const fecha = dayjs();
const fechaFormateada = fecha.format("MMM D, YYYY hA");
console.log(fechaFormateada); // Output: Jan 10, 2023 9PM

En este caso, utilizamos el formato "MMM D, YYYY hA" para obtener la fecha formateada con el nombre corto del mes, el día del mes, el año, y la hora en formato de 12 horas.

Conclusión

Formatear fechas con Dayjs en JavaScript es una tarea sencilla y eficiente. Dayjs nos brinda todas las herramientas necesarias para manipular y formatear fechas de manera fácil y rápida.

Si quieres aprender más sobre JavaScript y otras tecnologías, no olvides visitar mi blog en nelkodev.com. También puedes contactarme a través de mi formulario de contacto aquí. Y si estás interesado en ver algunos de mis proyectos, puedes visitar mi portafolio en nelkodev.com/portfolio.

Preguntas frecuentes

¿Cuál es la diferencia entre Dayjs y Moment.js?

Dayjs es una alternativa a Moment.js con una huella más pequeña y un rendimiento más rápido. Si estás buscando una biblioteca más ligera y rápida para el manejo de fechas en JavaScript, Dayjs es una excelente opción.

¿Puedo utilizar Dayjs en aplicaciones de producción?

Sí, Dayjs es una biblioteca estable y lista para ser utilizada en aplicaciones de producción. Ha sido ampliamente adoptada por la comunidad y ha demostrado ser confiable y eficiente en la manipulación de fechas.

¿Dayjs soporta la internacionalización?

Sí, Dayjs proporciona un complemento llamado Day.js plugin localizedFormat que agrega soporte para la internacionalización. Con este complemento, puedes formatear fechas según los estándares locales de cada país.

Facebook
Twitter
Email
Print

Deja una respuesta

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

es_ESSpanish