Una introducción a las fechas y horas en JavaScript

Trabajar con fechas es un aspecto importante de la programación. El objeto de fecha incorporado se usa para trabajar con fechas y horas en JavaScript. Los diversos métodos del objeto de fecha facilitan mucho la tarea al trabajar con fechas y horas.

En este artículo, aprenderá todo lo que necesita saber sobre cómo trabajar con fechas en JavaScript. Entonces, sin más preámbulos, entremos.

Cómo crear objetos de fecha

Puede crear un objeto de fecha en JavaScript utilizando las siguientes cuatro formas:

1. nueva fecha()

El nueva fecha () el constructor crea un objeto de fecha con la fecha y hora actuales.

sea ​​d = nueva Fecha();
consola.log (d);

Producción:

lun 03 de enero de 2022 20:27:58 GMT+0530 (hora estándar de India)

2. nueva fecha (cadena de fecha)

El nueva fecha (cadena de fecha) constructor crea un objeto de fecha a partir de una cadena de fecha.

let d = nueva fecha ("2022-01-01");
consola.log (d);

Producción:

Sáb 01 de enero de 2022 05:30:00 GMT+0530 (hora estándar de India)

3. nueva fecha (milisegundos)

El nueva fecha (milisegundos) El constructor crea un objeto de fecha agregando los milisegundos al tiempo cero. El parámetro representa el tiempo transcurrido en milisegundos desde el 1 de enero de 1970 UTC.

sea ​​d1 = nueva Fecha (0);
consola.log (d1);
let d2 = nueva fecha (973436457364);
consola.log (d2);

Producción:

Jue 01 de enero de 1970 05:30:00 GMT+0530 (hora estándar de la India)
dom 5 de noviembre de 2000 20:30:57 GMT+0530 (hora estándar de la India)

4. nueva Fecha (año, mes, día, horas, minutos, segundos, milisegundos)

El nueva Fecha (año, mes, día, horas, minutos, segundos, milisegundos) constructor crea un objeto de fecha con una fecha y hora especificadas. Los siete parámetros especifican el año, mes, día, horas, minutos, segundos y milisegundos respectivamente.

sea ​​d = nueva fecha (2020, 10, 11, 15, 29, 46, 0);
consola.log (d);

Producción:

mié 11 de noviembre de 2020 15:29:46 GMT+0530 (hora estándar de India)

También puede crear un objeto de fecha con seis, cuatro, tres o dos parámetros.

a) Los seis parámetros especifican año, mes, día, hora, minuto y segundo.

b) Los cinco parámetros especifican año, mes, día, hora y minuto.

c) Los cuatro parámetros especifican año, mes, día y hora.

d) Los tres parámetros especifican año, mes y día.

e) Los dos parámetros especifican año y mes.

Nota:

• JavaScript cuenta los meses del 0 al 11, es decir, enero está representado por 0 y diciembre está representado por 11.
• Si especifica valores fuera de rango en el objeto Date, no generará un error, sino que se autocorregirá.

// Marzo no tiene 40 días, el desbordamiento se auto corrige
sea ​​d = nueva fecha (2020, 2, 40);
consola.log (d);

Producción:

Jue 09 de abril de 2020 00:00:00 GMT+0530 (hora estándar de India)

Métodos de obtención de fechas de JavaScript

Puede usar los siguientes métodos para obtener información de un objeto de fecha.

1. obtenerAñoCompleto()

Este método devuelve el año como un número de cuatro dígitos (yyyy) según la hora local.

sea ​​d = nueva Fecha();
consola.log (d.getFullYear());

Producción:

2022

2. obtenerMes()

Este método devuelve el mes como un número (0-11) según la hora local.

sea ​​d = nueva Fecha();
consola.log (d.getMonth());

Producción:

0

3. obtener la fecha()

Este método devuelve el día como un número (1-31) según la hora local.

sea ​​d = nueva Fecha();
consola.log (d.getDate());

Producción:

3

Relacionado: Una introducción a los tipos de datos en JavaScript

4. obtenerHoras()

Este método devuelve la hora (0-23) según la hora local.

sea ​​d = nueva Fecha();
consola.log (d.getHours());

Producción:

22

5. obtenerMinutos()

Este método devuelve el minuto (0-59) según la hora local.

sea ​​d = nueva Fecha();
consola.log (d.getMinutes());

Producción:

40

6. obtenerSegundos()

Este método devuelve el segundo (0-59) según la hora local.

sea ​​d = nueva Fecha();
consola.log (d.getSeconds());

Producción:

30

7. getMilisegundos()

Este método devuelve el milisegundo (0-999) según la hora local.

sea ​​d = nueva Fecha();
consola.log (d.getMillisegundos());

Producción:

55

Relacionado: Palabras clave de JavaScript que debe saber

8. consigue tiempo()

Este método devuelve el tiempo en milisegundos desde el 1 de enero de 1970.

sea ​​d = nueva Fecha();
consola.log (d.getTime());

Producción:

1641230088884

9. obtenerDía()

Este método devuelve el día de la semana como un número (0-6) según la hora local.

sea ​​d = nueva Fecha();
consola.log (d.getDay());

Producción:

1

Nota: si desea trabajar con las fechas UTC, puede utilizar los siguientes métodos de fecha: getUTCDate()​​​​​​​, obtenerDíaUTC(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMillisegundos(), getUTCMinutes(), getUTCMes(), y obtenerSegundosUTC().

Métodos de configuración de fechas de JavaScript

Puede utilizar los siguientes métodos para establecer una parte de un objeto de fecha.

1. Establece la fecha()

Este método establece el día como un número (1-31) para una fecha específica según la hora local.

sea ​​d = nueva Fecha();
d.establecerFecha (20);
consola.log (d);

Producción:

Jue 20 de enero de 2022 22:58:59 GMT+0530 (hora estándar de India)

Relacionado: Métodos matemáticos de JavaScript que debe dominar hoy

2. establecerAñoCompleto()

Este método establece el año para una fecha específica según la hora local.

sea ​​d = nueva Fecha();
d.setFullYear (2016);
consola.log (d);

Producción:

Dom 03 de enero de 2016 23:00:41 GMT+0530 (hora estándar de India)

3. establecerhoras()

Este método establece la hora (0-23) para una fecha específica según la hora local.

sea ​​d = nueva Fecha();
d.setHours (15);
consola.log (d);

Producción:

lun 03 de enero de 2022 15:02:01 GMT+0530 (hora estándar de India)

Relacionado: Cómo construir una calculadora simple usando HTML, CSS y JavaScript

4. setMilisegundos()

Este método establece los milisegundos (0-999) para una fecha específica según la hora local.

sea ​​d = nueva Fecha();
d.setMilisegundos (548);
consola.log (d);

Producción:

lun 03 de enero de 2022 23:04:13 GMT+0530 (hora estándar de India)

Del mismo modo, puede utilizar el establecerMinutos(), establecerMes(), y establecerSegundos() métodos para configurar los minutos (0-59), el mes (0-11) y los segundos (0-59) respectivamente para una fecha específica según la hora local.

Ejemplo de hora actual de JavaScript

Un ejemplo simple para imprimir la hora actual del sistema:

Si desea echar un vistazo al código fuente completo utilizado en este artículo, aquí está el repositorio GitHub.​​​​​​​

Desarrollar proyectos utilizando los conceptos de fecha de JavaScript

Encontrará muchas instancias de fechas de JavaScript mientras trabaja en aplicaciones del mundo real. Si desea comenzar con un proyecto simple y obtener experiencia práctica, puede desarrollar un reloj digital utilizando HTML, CSS y JavaScript. Junto con las fechas, también aprenderá algunos conceptos importantes de JavaScript, como trabajar con variables, usar funciones, acceder y agregar propiedades al DOM, y más.

Cómo crear un reloj digital usando HTML, CSS y JavaScript

¿Codificas hasta que el canto de los pájaros te informa que es de mañana? Controle el tiempo con este reloj personalizado.

Leer siguiente

Sobre el Autor