Preenchimento Automático de Campo Data com a Data Atual

jQueryJSScript
Este script JavaScript, utilizando a biblioteca jQuery, preenche automaticamente um campo de input com id campo-data com a data atual formatada no padrão AAAA-MM-DD assim que a página é carregada.

Como instalar

  1. Certifique-se de que a biblioteca jQuery está incluída no seu projeto.
  2. Copie e cole o código fornecido em um arquivo JavaScript ou entre as tags <script> e </script> no seu documento HTML.

Explicando o código

  1. $(document).ready(function() {...});: Este é um evento de pronto do documento jQuery que executa a função fornecida uma vez que o DOM (Document Object Model) esteja pronto.
  2. var dataAtual = new Date();: Cria uma nova instância do objeto Date, obtendo a data e hora atuais.
  3. var dia = String(dataAtual.getDate()).padStart(2, '0');: Obtém o dia atual, converte para uma string e garante que tenha dois dígitos, preenchendo com um zero à esquerda, se necessário.
  4. var mes = String(dataAtual.getMonth() + 1).padStart(2, '0');: Obtém o mês atual (note que .getMonth() retorna um valor de 0 a 11, então + 1 é necessário), converte para uma string e garante que tenha dois dígitos.
  5. var ano = dataAtual.getFullYear();: Obtém o ano atual.
  6. var dataFormatada = ano + '-' + mes + '-' + dia;: Formata a data no padrão AAAA-MM-DD.
  7. $('#campo-data').val(dataFormatada);: Define o valor do campo de input com id campo-data para a data formatada.

Códigos

JS

				
					
				
			
				
					$(document).ready(function() {
  var dataAtual = new Date();
  var dia = String(dataAtual.getDate()).padStart(2, '0');
  var mes = String(dataAtual.getMonth() + 1).padStart(2, '0');
  var ano = dataAtual.getFullYear();
  var dataFormatada = ano + '-' + mes + '-' + dia;
  
  $('#lab1_campo-data').val(dataFormatada);
});

				
			

Relacionados

teste

teste
Script

Desabilitar Ferramentas de Desenvolvedor no Navegador

Este código JavaScript desabilita automaticamente as ferramentas de...
JSScript

Transições Suaves de Rolagem

O código é utilizado para implementar a biblioteca...
JSScript

Fale com a Lab1