Saltar al contenido

JavaScript: Fechas y hora

Introducción al objeto Date de JavaScript

Comprender y manipular fechas y horas es crucial para crear aplicaciones web dinámicas. JavaScript ofrece un objeto Date robusto para manejar estas tareas. Esta guía cubre el objeto Date con ejemplos prácticos para ayudarte a trabajar con fechas de manera efectiva.

Creación de objetos Date

El primer paso para trabajar con fechas en JavaScript es crear un objeto Date. Existen varias formas de instanciar un objeto Date, cada una adaptada a diferentes necesidades.


javascript
// Current date and time
const now = new Date();

// Specific date and time
const specificDate = new Date("2024-01-01T00:00:00");

// Date with individual date and time components
const detailedDate = new Date(2024, 0, 1, 15, 30, 0);

Obtención de componentes de fecha y hora

Una vez que tienes un objeto Date, puedes acceder a sus diversos componentes, como el año, mes, día y hora. Esta granularidad es esencial para aplicaciones que requieren manipulaciones de fecha precisas.


Output appears here after Run.

Establecimiento de componentes de fecha y hora

Modificar los componentes de un objeto Date es sencillo con los métodos set de JavaScript. Estos métodos permiten ajustes dinámicos a fechas y horas, habilitando aplicaciones responsivas que reaccionan a entradas del usuario u otras condiciones.


Output appears here after Run.

Trabajo con zonas horarias

Manejar las zonas horarias puede ser un desafío, pero el objeto Date de JavaScript proporciona métodos para trabajar con UTC (Tiempo Universal Coordinado) y horas locales de manera fluida.


Output appears here after Run.

Formato de fechas y horas

El formato es clave para mostrar fechas y horas de manera amigable para el usuario. JavaScript no tiene opciones de formato integradas, pero puedes construir formatos personalizados utilizando los métodos del objeto Date.


Output appears here after Run.

INFO

Explora bibliotecas de fechas modernas: Aunque el objeto Date nativo de JavaScript proporciona manejo básico de fechas, bibliotecas como date-fns y Luxon ofrecen utilidades robustas para cálculos complejos, internacionalización y manejo de zonas horarias. Moment.js está oficialmente en desuso; considera estas alternativas modernas para nuevos proyectos.

Cálculos con fechas

Realizar operaciones aritméticas con fechas, como encontrar la diferencia entre dos fechas o agregar días a una fecha actual, es esencial para muchas aplicaciones.


Output appears here after Run.

Aprovechar bibliotecas para manipulaciones avanzadas

Para manipulaciones y formatos de fechas más complejos, varias bibliotecas pueden simplificar estas tareas. Bibliotecas como date-fns y Luxon ofrecen funcionalidades extendidas más allá del objeto Date nativo, facilitando tareas como análisis, internacionalización y manejo complejo de zonas horarias. Además, la API Temporal está actualmente en desarrollo para eventualmente reemplazar el objeto Date nativo con una solución más robusta, inmutable y consciente de la zona horaria.

Conclusión

Dominar el objeto Date en JavaScript es esencial para desarrollar aplicaciones web dinámicas que interactúen con fechas y horas de manera efectiva. Mediante la creación, obtención, configuración y formato de fechas, los desarrolladores pueden construir funciones sofisticadas que respondan al tiempo del mundo real. Ya sea programando eventos, calculando duraciones o mostrando líneas de tiempo, las capacidades proporcionadas por el objeto Date de JavaScript y varias bibliotecas de terceros convierten la manipulación de fechas y horas en una herramienta poderosa en tu arsenal de desarrollo web.

Práctica

¿Cuál de los siguientes métodos se puede usar para extraer varias partes de una fecha en JavaScript?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.