Cómo funcionan las fechas en JavaScript

En este artículo vas a descubrir como funcionan las fechas en JavaScript.

Es un tema super gigante y mi idea para este tutorial es enseñarte lo básico sobre las fechas, principalmente, sus principales métodos y las funciones que puedes utilizar.

En JavaScript existe un objeto llamado Date que tiene un montón de funciones disponibles para utilizar.

Iré al grano. Formularé una pregunta y directamente la responderé con el código.

¿Cómo saber la fecha actual con JavaScript?

new Date() siempre te va a regresar la fecha actual.

Source code

const hoy = new Date();
console.log(hoy);

¿Cómo mostrar una fecha en específico en JavaScript?

Al objeto Date puedes pasar una fecha en el primer parámetro para obtener una fecha en específico.

Source code

let navidad2019 = new Date('12-25-2019');
console.log(navidad2019);

Fíjate en el orden de la fecha. Mes, día y año.

¿Cómo conseguir el mes de una fecha con JavaScript?

Considerando el objeto «hoy» declarado como new Date().

La función getMonth() retorna el número del mes – 1. Esto quiere decir que funciona como un array. Enero = 0  y Diciembre = 11.

Por ese motivo, a continuación le sumo un 1 para obtener el mes correcto.

Source code

let mes = hoy.getMonth() + 1;

¿Cómo conseguir el día de una fecha con JavaScript?

Considerando el objeto «hoy» declarado como new Date(), la función getDay() retorna el número del día.

Source code

let day = hoy.getDay();

¿Cómo conseguir el año de una fecha con JavaScript?

Considerando el objeto «hoy» declarado como new Date(), la función getFullYear() retorna el número del día.

Source code

let day = hoy.getFullYear();

¿Cómo conseguir la hora de una fecha con JavaScript?

Considerando el objeto «hoy» declarado como new Date(), la función getHours() retorna la hora de una fecha dada.

Source code

let day = hoy.getHours();

¿Cómo conseguir los minutos de una fecha con JavaScript?

Considerando el objeto «hoy» declarado como new Date(), la función getMinutes() retorna los minutos de una fecha dada.

Source code

let day = hoy.getMinutes();

¿Cómo conseguir los segundos de una fecha con JavaScript?

Considerando el objeto «hoy» declarado como new Date(), la función getSeconds() retorna los segundos de una fecha dada.

Source code

let day = hoy.getSeconds();

¿Cómo conseguir los milisegundos de una fecha con JavaScript?

Considerando el objeto «hoy» declarado como new Date(), la función getTime() retorna los milisegundos desde 1970 de una fecha dada.

Source code

let day = hoy.getTime();

¿Cómo modificar el año de una fecha con JavaScript?

Considerando el objeto «hoy» declarado como new Date(), la función setFullYear() modifica el año de una fecha dada.

Source code

hoy.setFullYear(2018);

De la misma forma puedes utilizar:

• setMonth()
• setDay()
• setHours()
• setMinutes()
• setSeconds()

¿Cómo formatear una fecha con JavaScript?

Me refiero a como darle formato a una fecha para mostrarla en pantalla con el formato típico español. La función toLocaleString() te ayudará:

Source code

const mydate = new Date(Date.UTC(2020, 1, 26, 15, 0, 0));
 
//Spanish uses day-month-year order and 24-hour time without AM/PM
console.log(mydate.toLocaleString('es-ES', { timeZone: 'UTC' }));

Conclusión

El tratamiento de fechas es muy importante a la hora de escoger un lenguaje de programación para llevar a cabo tus aplicaciones e ideas. JavaScript procesa y gestiona las fechas de un forma muy amena y fácil de entender mediante el uso del objeto Date.

Dominar la programación orientada a objetos es clave para salir airoso y conseguir tus objetivos en relación al uso de fechas.