Cómo Funciona el Objeto Temporal de JavaScript
En esta página:
- Uso del objeto Temporal de JavaScript
- Mostrar la fecha con el objeto Temporal de JavaScript
- Mostrar solo la fecha sin la hora con el objeto Temporal de JavaScript
- Mostrar solo la hora sin la fecha con el objeto Temporal de JavaScript
- Mostrar solo el mes y día con el objeto Temporal de JavaScript
- Mostrar solo el año y el mes con el objeto Temporal de JavaScript
- Operaciones
- Restar fechas con el objeto Temporal de JavaScript
- Agregar fechas con el objeto Temporal de JavaScript
- Saber cuanto tiempo falta para una fecha con el objeto Temporal de JavaScript
- Saber cuantas horas faltan para una fecha con el objeto Temporal de JavaScript
- Obtener la hora, minuto, segundo o milisegundo con el objeto Temporal de JavaScript
- Conclusión
- Nota(s)
El objeto temporal del lenguaje de programación JavaScript es un candidato importante a ser lanzado en el año 2024.
Durante muchos años, los desarrolladores en JavaScript han tenido problemas trabajando con las fechas y horas.
En este artículo veremos Cómo Funciona el Objeto Temporal de JavaScript, vamos con ello.
Es complicado pensar que durante muchos años algo tan esencial como la fecha y hora, sea complicado de manejar con el lenguaje de programación JavaScript.
Existían diferentes maneras de formatear una fecha y hora con JavaScript, una de estas maneras lo explicamos en este video.
El objeto Temporal viene a brindar una manera más sencilla de trabajar con fechas en JavaScript.
Admite diferente zonas horarias y calendarios no gregorianos con una API que permite que las fechas y horas sena inmutables.
Uso del objeto Temporal de JavaScript
A continuación te comparto los métodos y usos más importantes del objeto Temporal:
Mostrar la fecha con el objeto Temporal de JavaScript
Con el método Instant() puedes devolver un objeto DateTime con el nanosegundo más cercano.
Te permite definir fechas personalizadas pasandole el método from():
1 2 3 4 5 6 |
const fechayhora = Temporal.Instant.from('2024-05-23T17:15:00+01:00'); // Obtenemos Monday, May 31, 1976 at 3:40:31 PM (UTC) |
El código anterior devuelve la fecha y hora en formato UTC.
Mostrar solo la fecha sin la hora con el objeto Temporal de JavaScript
Con el método PlainDate() puedes mostrar un fecha sin hora:
1 2 3 4 5 6 7 8 |
new Temporal.PlainDate(2024, 5, 05); Temporal.PlainDate.from('2024-5-05'); // Obtenemos 05th May 2024 |
Mostrar solo la hora sin la fecha con el objeto Temporal de JavaScript
Con el método PlainTime() puedes obtener únicamente la hora, sin la fecha:
1 2 3 4 5 6 7 8 |
new Temporal.PlainTime(8, 13, 0); Temporal.PlainTime.from('08:13:00'); // Obtenemos 08:13 |
Mostrar solo el mes y día con el objeto Temporal de JavaScript
Con el método PlainMonthDay() puedes obtener solo el mes y el día:
1 2 3 4 5 6 |
const anionuevo = Temporal.PlainMonthDay.from({ month: 12, day: 31 }); // Obtenemos Dec 31 |
El método PlainMonthDay() puede ser útil para fechas que suelen repetirse el mismo día todos los años como navidad, año nuevo, día del trabajo, etc.
Mostrar solo el año y el mes con el objeto Temporal de JavaScript
Con el método PlainYearMonth() puedes devolver únicamente el año y el mes:
1 2 3 4 5 6 |
const anioymes = Temporal.PlainYearMonth.from({ month: 5, year: 2024 }); // Obtenemos 2024 May |
Ahora veamos las operaciones más importantes que podemos hacer con el objeto Temporal.
Operaciones
El objeto Temporal de JavaScript también te permite hacer las siguientes operaciones:
Restar fechas con el objeto Temporal de JavaScript
Con el método subtract() puedes restarle unidades de tiempo a una fecha:
1 2 3 4 5 6 |
const hoy = Temporal.Now.plainDateISO(); // Restamos 10 días a la fecha específica const restarfecha = hoy.subtract({ days: 10}); |
Agregar fechas con el objeto Temporal de JavaScript
Usando el método add() puedes agregar unidades de tiempo a una fecha:
1 2 3 4 5 6 |
const hoy = Temporal.Now.plainDateISO(); // Agregamos 20 días a la fecha específica const agregarfecha = hoy.add({ days: 20 }); |
Saber cuanto tiempo falta para una fecha con el objeto Temporal de JavaScript
Mediante el método until() puedes saber cuanto tiempo falta para una fecha específica:
1 2 3 4 5 6 |
const anionuevo = Temporal.Instant.from('2024-12-31T20:24:00+01:00'); // Verificamos cuantos días faltan para año nuevo anionuevo.until().days |
Saber cuantas horas faltan para una fecha con el objeto Temporal de JavaScript
Con el método since() puedes saber cuantas horas faltan para una fecha específica:
1 2 3 4 5 6 |
const anionuevo = Temporal.Instant.from('2024-12-31T20:24:00+01:00'); // Verificamos cuantas horas faltan para año nuevo anionuevo.since().hours |
El método until() y since() retornan un objeto TemporalDuration que tiene varias unidades y diferentes opciones de redondeo.
Obtener la hora, minuto, segundo o milisegundo con el objeto Temporal de JavaScript
También puedes devolver el año, mes y día de un objeto Date() y las horas, minutos, segundos, milisegundos, microsegundos y nanosegundos.
Por ejemplo podemos extraer la hora de la siguiente manera:
1 2 3 4 5 6 7 8 |
const anionuevo = Temporal.Instant.from('2024-12-31T20:24:00+01:00'); anionuevo.hour; // Obtenemos (Basado en la fecha 05-05-2024) 241 |
Existen otros métodos y propiedades del objeto Temporal() que pueden ser útiles combinarlos con la API Intl.DateTimeFormat() y realizar una manipulación más efectiva de la fecha y hora.
Conclusión
En este artículo has conocido Cómo Funciona el Objeto Temporal de JavaScript.
Te será de ayuda para cuando el objeto Temporal sea lanzado como oficial.
Recuerda practicar mucho, solo así serás un mejor desarrollador.
Nota(s)
- No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.
Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.
- Experimental
- 28-04-2024
- 06-05-2024
- Crear un Post - Eventos Devs - Foro
Social
Redes Sociales (Developers)
Redes Sociales (Digital)