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

formatando datas javascript capa

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

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

Inscrever-se
Notificar de
guest

0 Comentários
mais antigos
mais recentes Mais votado
Feedbacks embutidos
Ver todos os comentários