Formateo de fechas en JavaScript
Ahora aprendamos a mostrar la fecha en un formato específico. Supongamos, por ejemplo, que queremos mostrar en la pantalla el día, mes y año actuales en el formato año-mes-día.
Hagámoslo:
let date = new Date();
console.log(date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate());
Sin embargo, nuestro código tiene un problema: los números de los meses comenzarán desde cero, y lo más probable es que queramos que comiencen desde uno.
Arreglemos el problema:
let date = new Date();
console.log(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate());
Sin embargo, nuestro código todavía no es perfecto.
Pero esto solo se puede notar en ciertos
meses y en ciertos días. Supongamos, por ejemplo,
que hoy es 5 de marzo de 2020.
En este caso, nuestra fecha se mostrará en el formato 2020-3-5. Pero nosotros queremos que la fecha se muestre en el formato 2020-03-05 - con ceros delante de los números de día y mes que tengan un solo dígito.
Para resolver el problema, escribamos una función addZero,
que agregará ceros delante de los números
del 0 al 9:
function addZero(num) {
if (num >= 0 && num <= 9) {
return '0' + num;
} else {
return num;
}
}
Apliquemos la función creada y ahora realmente obtendremos la fecha en el formato que necesitamos:
let date = new Date();
console.log(
addZero(date.getFullYear()) + '-' +
addZero(date.getMonth() + 1) + '-' +
addZero(date.getDate())
);
Muestre en la pantalla la fecha y hora actual en el formato 12:59:59 31.12.2014. Utilice para todas las partes de la fecha (excepto el año) nuestra función creada para agregar un cero si es necesario.