Como formatar data no javascript
Neste post vou mostrar como formatar data em javascript no formato brasileiro
Última atualização em: | 10839 Visualizações
Antes de iniciar o post quero lembrar que o objetivo não é discutir sobre o uso ou não de bibliotecas, apenas demonstrar como é possível formatar uma data usando javascript.
Obtendo dia, mês e ano via javascript
Vamos ao primeiro exemplo, onde vamos separar uma data em dia, mês e ano.
var date = new Date()
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();
var dateFormatted = day +'/'+ (month++) +'/'+ year;
console.log(dateFormatted);
Se executar no console do seu navegador, teremos a saída:
12/8/2019
Note que o dia/mês/ano será de acordo com a data que estiver executando.
Função para formatar data em javascript
Com base nisso é possível criar uma função que retorne a data formatada corretamente, veja:
function getFormattedDate() {
var date = new Date()
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();
var formatterDay;
if (day < 10) {
formatterDay = '0'+ day;
} else {
formatterDay = day;
}
var formatterMonth;
if (month < 10) {
formatterMonth = '0'+ month;
} else {
formatterMonth = month;
}
return formatterDay +'/'+ formatterMonth +'/'+ year;
}
console.log(getFormattedDate());
Executando esta função teremos a saída:
12/09/2019
Novamente note que o dia/mês/ano será de acordo com a data que estiver executando.
Outras formas de formatar data usando javascript
Ainda é possível fazer o uso de alguma biblioteca para formatar data em javascript.
A mais conhecida é a moment.js
a qual falaremos em outro tutorial.
Não esqueca de deixar suas dúvidas nos comentários e compartilhar este post.