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