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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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á:

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.

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (5 votos, promedio: 4,80 de 5)
Cargando…
Comparte en las redes sociales

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre