Como colocar zeros nas datas com JavaScript

Neste artigo você vai aprender a como colocar zeros nas datas com JavaScript, utilizando o objeto Date

Fala programador(a), beleza? Bora aprender mais sobre datas e JavaScript!

As datas que criamos podem não conter o 0 quando temos um número de dias ou meses abaixo de 10

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Para visualização isso as vezes foge do padrão do nosso sistema

Então basicamente precisamos formatar isso para que atenda as nossas necessidades

Utilizando o método toLocaleDateString isso é possível

Vamos passar os números de dígito de cada uma das partes da data: dia, mês e ano

Veja o na prática o que foi explicado acima:

const date = new Date(2021, 4, 2);

var formatedDate = date.toLocaleDateString({
  year: "numeric",
  month: "2-digit",
  day: "2-digit",
});

console.log(formatedDate); // "02/05/2021"

Note que criamos uma data que corresponde ao que precisamos, dia e mês abaixo de 10

E depois formatamos com mais um método de Date

O que nos dá uma data da forma correta, ou seja, com os zeros nos números abaixo de dez

Conclusão

Neste artigo você aprendeu a como colocar zeros nas datas com JavaScript

Utilizamos um método de Date chamado toLocaleDateString

Onde é possível definir todos os formatos da data, tendo assim o que precisamos para resolver o nosso problema

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 cursos!