Como pegar data no padrão dia mês e ano e inserir em input

Neste artigo você vai ver como criar data no padrão dia mês e ano e inserir em input utilizando JavaScript puro

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

A primeira coisa que precisamos fazer é criar a nossa data, aqui vou utilizar a criação de data atual

Mas você pode modificar como desejar depois

No objeto Date de JavaScript temos a função toLocaleDateString, que converte a data no padrão brasileiro para uma string

Ela será nossa escolhida para gerar a data em texto

Depois disso apenas precisamos selecionar o input que queremos inserir a data

E por fim modificar sua propriedade value para o valor gerado pela função

Veja um exemplo:

const myDate = new Date().toLocaleDateString();

console.log(myDate); // 29/07/2022 

const myInput = document.querySelector("#date-input");

myInput.value = myDate;

Nas duas primeiras linhas geramos a nossa nova data

Depois selecionamos o elemento com o método querySelector, que permite escolher pelo seletor de CSS, uma mão na roda

E por fim é feita a alteração em value, e temos a data preenchida no input 🙂

Conclusão

Neste artigo você aprendeu a como criar uma data no padrão dia mês e ano e inserir em input

Utilizamos Date para criação da data e depois selecionamos o elemento com querySelector

Para preencher o input, foi apenas necessário alterar a propriedade value

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