Quando os usuários precisam inserir uma data, os desenvolvedores definem o valor predefinido/padrão de uma data do tipo de entrada para a data atual/hoje. Agora, o usuário não precisa inserir a data manualmente, portanto, economiza tempo e esforço para o usuário. Além disso, aprimora a experiência do usuário, a precisão dos dados e oferece mais comodidade para os usuários. Possui várias aplicações, como sistema de gerenciamento de eventos, sistema de reservas, etc.
Este blog demonstra como definir o valor padrão da data do tipo de entrada para hoje:
- Usando a propriedade “valueAsDate”
- Usando o método “toISOString()”
- Usando os métodos “getFullYear()” e “padStart()”
Método 1: Usando a propriedade “valueAsDate”
O ' valueAsDate ” propriedade é utilizada para recuperar a data atual através do “ Data() ”função. Esta função é usada para realizar várias operações em uma data e como obter a data atual, definir uma data específica, manipular datas, etc.
Acesse o código abaixo para um melhor entendimento:
< corpo >
< div >
< rótulo para = 'data de hoje' > A data é rótulo >< entrada tipo = 'data'
eu ia = 'data de hoje' >
div >
< roteiro >
document.getElementById ( 'data de hoje' ) .valueAsDate = nova data ( ) ;
roteiro >
corpo >
No trecho de código acima:
- Primeiro, o “
” é criada com “ tipo ' e ' eu ia ” atributos definidos como “ dados ' e ' data de hoje ” respectivamente. Esta tag “ ” será utilizada em todo o blog. - Em seguida, dentro do “