Obtener fecha y hora actuales en TypeScript

Este artículo lo guiará a través de cómo obtener la fecha y hora actuales en TypeScript.

Obtener fecha y hora actuales en TypeScript

Podemos adquirir la fecha y la hora existentes en TypeScript con la ayuda de Date().

Código de ejemplo:

# typescript
const newDate = new Date()
console.log(newDate)

Producción:

Hemos utilizado el comando constructor Date() para obtener el objeto de fecha que indica la fecha y la hora actuales en TypeScript.

Los objetos de fecha recopilan números que indican la cantidad de milisegundos transcurridos desde el 1 de enero de 1970 UTC y ofrecen muchos métodos innatos.

Propiedades del objeto de fecha en TypeScript

El constructor identifica la función que genera el prototipo de un objeto. Al mismo tiempo, el prototipo permite agregar diferentes propiedades y métodos a un objeto.

Podemos disfrutar de muchos métodos integrados que ofrece el objeto Fecha al inferir con precisión que la variable Ahora es la Fecha.

Veamos algunos ejemplos que demuestran los métodos que puede usar en el objeto Fecha.

Código de ejemplo:

# typescript
const now =newDate();

console.log(now);
console.log(now.toLocaleDateString());
console.log(now.toLocaleString());
console.log(now.toUTCString());
console.log(now.toISOString());

Producción:

Cambiar formato de fecha en TypeScript

Podemos configurar el formato de fecha de muchas maneras, como YYYY-MM-DD, MM/DD/YYYY y MM/DD/YYYY. Podemos utilizar cualquiera de estos formatos según nuestras necesidades.

Por otro lado, el tiempo se puede escribir como hh:mm:ss.

Código de ejemplo:

# typescript
function ConvertTo2Digits(newNum: number) {
    return newNum.toString().padStart(2, '0');
}
function changeDateFormat(newDate: Date) {
    return (
        [
            newDate.getFullYear(),
            ConvertTo2Digits(newDate.getMonth() + 1),
            ConvertTo2Digits(newDate.getDate()),
        ].join('-') +
        ' ' +
        [
            ConvertTo2Digits(newDate.getHours()),
            ConvertTo2Digits(newDate.getMinutes()),
            ConvertTo2Digits(newDate.getSeconds()),
            ].join(':')
     );
}

console.log(changeDateFormat(new Date()));
console.log(changeDateFormat(new Date('May 16, 2020 02:34:07')));

Producción:

En esta función se muestran seis métodos asociados a la fecha. Los discutiremos en detalle a continuación.

El método Date.getFullYear() devuelve un número de cuatro dígitos que indica el año relacionado con una fecha.

El método Date.getMonth() devuelve un número entero que suele estar entre 0 para enero y 11 para diciembre y denota el mes de una fecha específica. Pero desafortunadamente, este método ha sido descartado por 1.

El método Date.getDate() devolvía un número entero entre 1 y 31 y mostraba el día del mes para una fecha definida. El método Date.getHours() devolvió la hora para la fecha definida.

Luego, el método Date.getMinutes() devolvía los minutos de una fecha específica. Y el método Date.getSeconds() devolvía los segundos de una fecha fija.

Tenemos que agregar 1 al valor de retorno de getMonth() porque es un método basado en cero.

Convertir dígitos simples a dígitos dobles en TypeScript

Inicialmente, debemos crear una función ConvertTo2Digits(), que garantizará que se agregue un cero inicial cada vez que un mes, día, hora, minuto o segundo solo tenga un solo dígito (son menos de 10).

Código de ejemplo:

# typescript
function ConvertTo2Digits(newNum: number){
return newNum.toString().padStart(2,'0');
}

console.log(ConvertTo2Digits(5));
console.log(ConvertTo2Digits(9));
console.log(ConvertTo2Digits(14));

Producción:

Usaremos el método padstart para asegurarnos de obtener resultados consistentes y conservar 2 dígitos para el mes, los días, las horas, los minutos y los segundos.

Fijaremos la longitud total del parámetro de cadena a la función ConvertTo2Digits(). Esto asegurará que esta función no agregará un valor bajo ninguna circunstancia si ya hay 2 dígitos presentes.

Agregar separador de guiones en la fecha en TypeScript

Tenemos que colocar el año, el mes y el día en una matriz para unirlos empleando un separador de guiones.

Código de ejemplo:

# typescript
console.log(['2022','05','16'].join('-'));
console.log(['2024','03','26'].join('-'));

Producción:

También podemos usar otro separador como una barra inclinada /. Con la ayuda de este separador podemos reordenar sin esfuerzo los componentes de la fecha según nuestro gusto.

Por ejemplo, si tenemos MM/DD/YYYY, podemos cambiarlo a YYYY-MM-DD simplemente cambiando los lugares de los elementos en la matriz. Como resultado, tenemos la fecha con el formato AAAA-MM-DD.

Cambiar el formato de hora en TypeScript

Ahora, agregaremos los valores devueltos de los métodos relacionados con el tiempo en forma de matriz y los conectaremos con dos puntos, como se muestra a continuación.

Código de ejemplo:

# typescript
console.log(['03','11','17'].join(':'));
console.log(['06','22','49'].join(':'));

Producción:

Podemos usar los mismos métodos para formatear el componente de hora que hemos usado en el caso de los componentes de fecha.