Como formatar data no JavaScript (Date(), moment.js)

Neste artigo você vai ver formas de formatar data no JavaScript e isso utilizando tanto recursos nativos da linguagem, como também bibliotecas externas.

Fala programador(a), tudo bem? Bora aprender mais sobre JavaScript e a formatação de datas!

No JavaScript não temos uma forma nativa de imprimir datas em português, então podemos recorrer há alguns recursos da própria linguagem como também externos

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Nas minhas buscas sobre o tema, encontrei uma função que tem como objetivo formatar cada parte da data, isso o objeto Date nos dá, em formato pt-br

E depois juntar novamente estas frações em uma string

Veja um exemplo desta função:

function dataAtualFormatada(){
    let data = new Date(),
        dia  = data.getDate().toString().padStart(2, '0'),
        mes  = (data.getMonth()+1).toString().padStart(2, '0'),
        ano  = data.getFullYear();
    return `${dia}/${mes}/${ano}`;
}

console.log(dataAtualFormatada());

Teremos então a seguinte saída:

12/05/2020

Claro que isso dependerá da sua data atual, mas veja que a função cumpre o que promete

Podemos então fazer variações da mesma modificando os parâmetros para que nos entregue outra data

Por exemplo, em vez de instanciar para pegar  a data atual, passar um argumento em milissegundos da data que desejamos formatar em nossa língua

Utilizando o moment.js

Outra abordagem seria utilizar esta ótima lib, que tem seu único foco formatar datas

Clique aqui para acessar a documentação

Basicamente passamos uma string, que vai formara a data que nós precisamos

Veja um exemplo de utilização:

moment().format('MMMM Do YYYY, h:mm:ss a'); // maio 12º 2020, 9:47:47 am

Bem mais fácil, né? 😀

Conclusão

Neste artigo vimos como formatar data no JavaScript

Utilizamos uma vertente da linguagem pura do JavaScript, criando uma função e utilizando os métodos disponíveis

E depois vimos o moment.js, que é uma lib que resolve muito bem o problema de formatar datas

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube