Lorsque les utilisateurs doivent entrer une date, les développeurs définissent la valeur prédéfinie/par défaut d'un type d'entrée date à la date actuelle/aujourd'hui. Désormais, l'utilisateur n'a pas besoin d'entrer la date manuellement, ce qui lui fait gagner du temps et des efforts. De plus, il améliore l'expérience utilisateur, la précision des données et offre plus de confort aux utilisateurs. Il a diverses applications telles qu'un système de gestion d'événements, un système de réservation, etc.
Ce blog montre comment définir la valeur par défaut du type d'entrée date sur aujourd'hui :
- Utilisation de la propriété 'valueAsDate'
- Utilisation de la méthode 'toISOString()'
- Utilisation des méthodes 'getFullYear()' et 'padStart()'
Méthode 1 : Utilisation de la propriété « valueAsDate »
Le ' valueAsDate La propriété ' est utilisée pour récupérer la date actuelle via la ' Date() ' fonction. Cette fonction est utilisée pour effectuer diverses opérations sur une date et comme obtenir la date actuelle, définir une date spécifique, manipuler des dates, etc.
Visitez le code ci-dessous pour une meilleure compréhension :
< corps >
< div >
< étiqueter pour = 'la date d'aujourd'hui' > La date est étiqueter >< saisir taper = 'date'
identifiant = 'la date d'aujourd'hui' >
div >
< scénario >
document.getElementById ( 'la date d'aujourd'hui' ) .valueAsDate = nouvelle date ( ) ;
scénario >
corps >
Dans l'extrait de code ci-dessus :
- Premièrement la '
' la balise est créée avec ' taper ' et ' identifiant 'attributs définis sur' données ' et ' la date d'aujourd'hui ' respectivement. Cette balise « » sera utilisée dans tout le blog. - Ensuite, à l'intérieur du '