Como pegar data atual no formato dd/mm/yyyy em JavaScript

Neste artigo você vai aprender a como obter data atual no formato dd/mm/yyyy em JavaScript, utilizando apenas uma função

data atual no formato ddmmyyyy em JavaScript capa

Fala programador(a), beleza? Bora aprender a trabalhar com datas e JavaScript!

Para chegar no resultado que desejamos vamo precisar utilizar a classe Date

Nesta classe temos acesso ao método now, que gera a data atual, porém não no formato que precisamos, que é dd/mm/yyyy (dia, mês e ano)

Para mudar o formato temos o método toLocaleString, que nos entrega a data bem próxima do que precisamos

Formação Vibe Coding
Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

  • 474 aulas
  • 20 projetos
  • 39h 27min

Porém temos o horário também, para remover ele utilizaremos o método split, já que esta data é um texto

Veja um exemplo:

const myDate = new Date(Date.now()).toLocaleString().split(',')[0];

console.log(myDate); // "26/07/2022"

Aqui condensei o processo todo em uma linha, mas você pode dividir como precisar

Ou até mesmo deixar o horário, é só tirar o split

Simples não é?

Conclusão

No artigo de hoje você aprendeu a como resgatar a data atual no formato dd/mm/yyyy em JavaScript

Utilizamos a classe Date e alguns métodos da mesma

Assim chegamos ao resultado final que é uma data no padrão dia, mês e ano

No nosso resultado não temos o horário na string, mas você pode obter facilmente apenas removendo a utilizando do método split

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os curso

Tem gente que prefere montar a data no braço, controlando cada pedaço

Dá pra pegar dia, mês e ano separados com getDate, getMonth e getFullYear

Só um cuidado que já pegou muita gente: o getMonth começa no zero (janeiro é 0), por isso soma 1

E pra garantir o dois dígitos (o 05 no lugar do 5) usamos o padStart

const d = new Date(); const dia = String(d.getDate()).padStart(2, ‘0’); const mes = String(d.getMonth() + 1).padStart(2, ‘0’); const ano = d.getFullYear(); const dataFormatada = ${dia}/${mes}/${ano};

console.log(dataFormatada); // "23/07/2026"

Mais linhas, porém tu enxerga tudo que tá rolando

E se eu quiser a hora junto?

Aí é o caminho inverso do que fizemos lá em cima

Basta não usar o split, porque é ele que corta o horário fora

const dataHora = new Date().toLocaleString(‘pt-BR’);

console.log(dataHora); // "23/07/2026, 14:30:00"

Passando ‘pt-BR’ pro toLocaleString tu garante o formato brasileiro (dia/mês/ano) sem depender da configuração da máquina

Perguntas rápidas

Como pegar só o dia, o mês ou o ano separados? Usa getDate pro dia, getMonth pro mês (lembra do +1) e getFullYear pro ano, cada um devolve um número

Por que meu mês vem errado, um a menos? Porque o getMonth conta de 0 a 11, janeiro é 0 e dezembro é 11, por isso soma 1

Por que aparece 5 no lugar de 05? O número não vem com o zero na frente, o padStart(2, ‘0’) resolve isso e deixa sempre com dois dígitos

ToLocaleString ou montar na mão, qual usar? Os dois entregam dd/mm/yyyy, o toLocaleString é mais curto e o manual te dá controle de cada parte, escolhe o que encaixa no teu código

Leia também

Subscribe
Notify of
guest

1 Comentário
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Clerio

veio a hora junto, no exemplo esta apenas dd/mm/yyyy.

Formações

Formação SAAS com IA

Formação SAAS com IA

Tire usas ideias do papel criando softwares com IA, integre pagamentos e lance seu projeto!

  • 291 aulas
  • 18 projetos
  • 24h 17min

Blog | Mais populares

1
0
Would love your thoughts, please comment.x