JavaScript

Como colocar zeros nas datas com JavaScript

6 de janeiro de 2022

Como colocar zeros nas datas com JavaScript

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

colocar zeros nas datas com JavaScript capa

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

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!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x