Kun käyttäjien on syötettävä päivämäärä, kehittäjät asettavat syöttötyypin päivämäärän ennalta määritetyksi/oletusarvoksi nykyisen/tämänpäiväisen päivämäärän. Nyt käyttäjän ei tarvitse syöttää päivämäärää manuaalisesti, joten siinä mielessä se säästää käyttäjän aikaa ja vaivaa. Lisäksi se parantaa käyttökokemusta, tietojen tarkkuutta ja tarjoaa enemmän käyttömukavuutta käyttäjille. Siinä on erilaisia sovelluksia, kuten tapahtumanhallintajärjestelmä, varausjärjestelmä jne.
Tämä blogi näyttää, kuinka syöttötyypin päivämäärän oletusarvo asetetaan tähän päivään:
- 'valueAsDate'-ominaisuuden käyttäminen
- Käytä 'toISOString()' -menetelmää
- Käytä 'getFullYear()'- ja 'padStart()'-menetelmiä
Tapa 1: 'valueAsDate'-ominaisuuden käyttäminen
' valueAsDate ' -ominaisuutta käytetään nykyisen päivämäärän hakemiseen ' Päivämäärä() ”-toiminto. Tätä toimintoa käytetään erilaisten toimintojen suorittamiseen päivämäärälle, kuten nykyisen päivämäärän hakemiseen, tietyn päivämäärän asettamiseen, päivämäärien manipulointiin jne.
Käy alla olevassa koodissa ymmärtääksesi paremmin:
< kehon >
< div >
< etiketti varten = 'tänäänpäivämäärä' > Päivämäärä on etiketti >< syöttö tyyppi = 'Päivämäärä'
id = 'tänäänpäivämäärä' >
div >
< käsikirjoitus >
document.getElementById ( 'tänäänpäivämäärä' ) .valueAsDate = uusi päivämäärä ( ) ;
käsikirjoitus >
kehon >
Yllä olevassa koodinpätkässä:
- Ensinnäkin '
' -tunniste luodaan ' tyyppi ' ja ' id ' attribuutit on asetettu arvoon ' tiedot ' ja ' tänään Päivämäärä ' vastaavasti. Tätä ' ' -tunnistetta käytetään koko blogissa. - Seuraavaksi '