JavaScript Academy · Lección

Creación y lectura de fechas

Construya objetos Date y lea sus componentes.

Lección 1 de 413 pasos

Creación y lectura de fechas es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 4 lecciones en total.

El objeto Date

El objeto Date representa un momento concreto. Se crea con el constructor Date usando new.

const now = new Date()
console.log(now instanceof Date)

Fecha actual

Al llamar a new Date sin argumentos, se captura el momento actual según el reloj del sistema.

const now = new Date()
console.log(typeof now.getTime())

A partir de una cadena de fecha

Puede crear una fecha a partir de una cadena de fecha ISO. El año, el mes y el día se analizan a partir del texto.

const d = new Date("2024-03-15")
console.log(d.getFullYear())

A partir de componentes

Puede pasar componentes individuales: año, mes y día, y opcionalmente horas y minutos. Recuerde que el argumento del mes empieza en cero.

const d = new Date(2024, 0, 15)
console.log(d.getFullYear())
console.log(d.getDate())

getFullYear

getFullYear devuelve el año con cuatro dígitos. Úselo siempre en lugar de getYear, que está obsoleto.

const d = new Date("2024-07-04")
console.log(d.getFullYear())

getMonth empieza en cero

getMonth devuelve un número del 0 al 11, donde 0 es enero y 11 es diciembre. Esta es una fuente habitual de errores de desplazamiento en uno.

const d = new Date("2024-07-04")
console.log(d.getMonth())

Conversión del mes a un nombre

Como los meses empiezan en cero, puede acceder directamente a un array de nombres usando getMonth como índice.

const names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
const d = new Date(2024, 6, 4)
console.log(names[d.getMonth()])

getDate y getDay

getDate devuelve el día del mes, del 1 al 31, mientras que getDay devuelve el día de la semana, del 0 para domingo al 6 para sábado. No los confunda.

const d = new Date(2024, 0, 1)
console.log(d.getDate())
console.log(d.getDay())

Componentes de la hora

Use getHours, getMinutes y getSeconds para leer la parte correspondiente a la hora de una fecha.

const d = new Date(2024, 0, 1, 9, 30, 15)
console.log(d.getHours())
console.log(d.getMinutes())
console.log(d.getSeconds())

Creación de una cadena legible

Combine los métodos getter para dar formato manualmente a una fecha y recuerde sumar uno al mes.

const d = new Date(2024, 6, 4)
const text = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate()
console.log(text)

Fechas no válidas

Una cadena de fecha que no se puede analizar produce un Invalid Date cuyo tiempo es NaN. Compruébelo con Number.isNaN en getTime para detectarlo.

const bad = new Date("not a date")
console.log(Number.isNaN(bad.getTime()))

Comprobación rápida

Compruebe sus conocimientos sobre la lectura de fechas.

Resumen

Resumen: Los objetos Date contienen un momento concreto.

  • new Date sin argumentos representa el momento actual
  • getMonth empieza en cero
  • getDate es el día del mes; getDay es el día de la semana
  • Las fechas no válidas tienen un tiempo NaN
const d = new Date(2024, 0, 15)
console.log(d.getMonth())
Gratis para empezar

Aprende JavaScript con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
59
Lecciones
200

Preguntas frecuentes

¿La lección «Creación y lectura de fechas» es gratis?

Sí — el texto completo de «Creación y lectura de fechas» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Creación y lectura de fechas»?

Construya objetos Date y lea sus componentes. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar JavaScript Academy?

No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.

¿Cuánto tiempo toma la lección «Creación y lectura de fechas»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?

Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Creación y lectura de fechas
  2. Marcas de tiempo y operaciones con fechas
  3. Formato de fechas
  4. Zonas horarias y UTC
← Volver a JavaScript Academy