Amikor a felhasználóknak meg kell adniuk egy dátumot, a fejlesztők egy beviteli típusú dátum előre meghatározott/alapértelmezett értékét az aktuális/ma dátumra állítják. Mostantól a felhasználónak nem kell manuálisan megadnia a dátumot, így ebben az értelemben időt és erőfeszítést takarít meg a felhasználó számára. Sőt, javítja a felhasználói élményt, az adatok pontosságát és nagyobb kényelmet biztosít a felhasználók számára. Különféle alkalmazásokkal rendelkezik, mint például rendezvénykezelő rendszer, foglalási rendszer stb.
Ez a blog bemutatja, hogyan állíthatja be a beviteli típus dátumának alapértelmezett értékét a mai napra:
- A „valueAsDate” tulajdonság használata
- A „toISOString()” metódus használata
- A „getFullYear()” és a „padStart()” metódusok használata
1. módszer: A „valueAsDate” tulajdonság használata
A ' valueAsDate ' tulajdonság az aktuális dátum lekérésére szolgál a ' Dátum() ” funkciót. Ez a funkció különféle műveletek végrehajtására szolgál egy dátumon, például az aktuális dátum lekérésére, egy adott dátum beállítására, a dátumok manipulálására stb.
Látogassa meg az alábbi kódot a jobb megértéshez:
< test >
< div >
< címke számára = 'ma dátum' > A dátum címke >< bemenet típus = 'dátum'
id = 'ma dátum' >
div >
< forgatókönyv >
document.getElementById ( 'ma dátum' ) .valueAsDate = új dátum ( ) ;
forgatókönyv >
test >
A fenti kódrészletben:
- Először is a „
' címke jön létre a következővel: ' típus ” és „ id ' attribútumok beállítása ' adat ” és „ maiDátum ” ill. Ezt az „ ” címkét az egész blogon használni fogjuk. - Ezután a „