Quan els usuaris han d'introduir una data, els desenvolupadors estableixen el valor predefinit/predeterminat d'una data de tipus d'entrada a la data actual/avui. Ara, l'usuari no necessita introduir la data manualment i, en aquest sentit, estalvia temps i esforç per a l'usuari. A més, millora l'experiència de l'usuari, la precisió de les dades i ofereix més comoditat per als usuaris. Disposa de diverses aplicacions com ara un sistema de gestió d'esdeveniments, un sistema de reserves, etc.
Aquest bloc mostra com establir el valor predeterminat de la data del tipus d'entrada a avui:
- Utilitzant la propietat 'valueAsDate'.
- Utilitzant el mètode 'toISOString()'.
- Utilitzant els mètodes 'getFullYear()' i 'padStart()'.
Mètode 1: utilitzant la propietat 'valueAsDate'.
El ' valueAsDate ' s'utilitza per recuperar la data actual a través de la ' Data() ” funció. Aquesta funció s'utilitza per realitzar diverses operacions en una data i com obtenir la data actual, establir una data específica, manipular dates, etc.
Visiteu el codi següent per a una millor comprensió:
< cos >
< div >
< etiqueta per = 'avuiData' > La Data és etiqueta >< entrada tipus = 'data'
id = 'avuiData' >
div >
< guió >
document.getElementById ( 'avuiData' ) .valueAsDate = data nova ( ) ;
guió >
cos >
Al fragment de codi anterior:
- En primer lloc, el '
L'etiqueta ' es crea amb ' tipus ' i ' id ' atributs establerts a ' dades ' i ' avuiData ” respectivament. Aquesta etiqueta ' ' s'utilitzarà al llarg del bloc. - A continuació, dins del '