Når brugere skal indtaste en dato, indstiller udviklere den foruddefinerede/standardværdi for en inputtypedato til den aktuelle/i dag. Nu behøver brugeren ikke indtaste datoen manuelt, så i den forstand sparer det tid og kræfter for brugeren. Desuden forbedrer det brugeroplevelsen, nøjagtigheden af dataene og giver brugerne mere bekvemmelighed. Det har forskellige applikationer såsom et event management system, bookingsystem osv.
Denne blog viser, hvordan du indstiller inputtypedatoens standardværdi til i dag:
- Brug af egenskaben 'valueAsDate'.
- Brug af metoden 'toISOString()'.
- Brug af metoderne 'getFullYear()' og 'padStart()'.
Metode 1: Brug af egenskaben 'valueAsDate'.
Det ' værdiAsDato ' egenskaben bruges til at hente den aktuelle dato gennem ' Dato() ' funktion. Denne funktion bruges til at udføre forskellige handlinger på en dato og som at få den aktuelle dato, indstille en bestemt dato, manipulere datoer osv.
Besøg nedenstående kode for en bedre forståelse:
< legeme >
< div >
< etiket til = 'dato i dag' > Datoen er etiket >< input type = 'dato'
id = 'dato i dag' >
div >
< manuskript >
document.getElementById ( 'dato i dag' ) .valueAsDate = ny dato ( ) ;
manuskript >
legeme >
I ovenstående kodestykke:
- For det første ' ' tag er oprettet med ' type ' og ' id ' attributter indstillet til ' data ' og ' dags dato ' henholdsvis. Dette ' '-tag vil blive brugt i hele bloggen.
- Dernæst inde i '