Como formatar data no javascript

Neste post vou mostrar como formatar data em javascript no formato brasileiro

Wolmir Cezer Garbin por Wolmir Cezer Garbin - - Web - TUTORIAL

Ú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.


Publique seu post no Receitas de Código

Aguarde, estamos trabalhando para que você possa publicar sua postagem no Receitas de Código!