Formatação de data em JavaScript
Vamos agora aprender a exibir a data em um formato específico. Suponha, por exemplo, que queremos exibir na tela o dia, mês e ano atuais no formato ano-mês-dia.
Vamos fazer isso:
let date = new Date();
console.log(date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate());
No entanto, nosso código tem um problema: os números dos meses começarão em zero, e provavelmente gostaríamos que eles começassem em um.
Vamos corrigir o problema:
let date = new Date();
console.log(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate());
No entanto, nosso código ainda não é perfeito.
Mas isso só pode ser notado em certos
meses e em certos dias. Suponha, por exemplo,
que agora é 5 de março de 2020.
Nesse caso, nossa data será exibida no formato 2020-3-5. Mas gostaríamos que a data fosse exibida no formato 2020-03-05 - com zeros antes dos números de dias e meses com um único dígito.
Para resolver o problema, vamos escrever uma função addZero,
que adicionará zeros antes de números
de 0 a 9:
function addZero(num) {
if (num >= 0 && num <= 9) {
return '0' + num;
} else {
return num;
}
}
Aplicando a função criada, agora realmente obteremos a data no formato que precisamos:
let date = new Date();
console.log(
addZero(date.getFullYear()) + '-' +
addZero(date.getMonth() + 1) + '-' +
addZero(date.getDate())
);
Exiba na tela a data e hora atuais no formato 12:59:59 31.12.2014. Use para todas as partes da data (exceto o ano) a função que criamos para adicionar um zero, se necessário.
