Ko morajo uporabniki vnesti datum, razvijalci nastavijo vnaprej določeno/privzeto vrednost datuma vrste vnosa na trenutni/današnji datum. Zdaj uporabniku ni treba ročno vnesti datuma, tako da uporabniku prihrani čas in trud. Poleg tega izboljšuje uporabniško izkušnjo, točnost podatkov in zagotavlja več udobja za uporabnike. Ima različne aplikacije, kot so sistem za vodenje dogodkov, sistem rezervacij itd.
Ta spletni dnevnik prikazuje, kako nastaviti privzeto vrednost datuma vrste vnosa na danes:
- Uporaba lastnosti »valueAsDate«.
- Uporaba metode “toISOString()”.
- Uporaba metod 'getFullYear()' in 'padStart()'.
1. način: uporaba lastnosti »valueAsDate«.
' valueAsDate ' lastnost se uporablja za pridobitev trenutnega datuma prek ' datum() ”. Ta funkcija se uporablja za izvajanje različnih operacij na datumu, kot je pridobivanje trenutnega datuma, nastavitev določenega datuma, spreminjanje datumov itd.
Za boljše razumevanje obiščite spodnjo kodo:
< telo >
< div >
< oznaka za = 'današnji datum' > Datum je oznaka >< vnos vrsta = 'datum'
id = 'današnji datum' >
div >
< scenarij >
document.getElementById ( 'današnji datum' ) .valueAsDate = nov datum ( ) ;
scenarij >
telo >
V zgornjem delčku kode:
- Prvič, '
' je ustvarjena oznaka z ' vrsta « in » id » atributi nastavljeni na » podatke « in » današnji datum « oz. Ta oznaka » « bo uporabljena v celotnem blogu. - Nato znotraj »
« označite element HTML z ID-jem » današnji datum ” je izbran z uporabo getElementById() ” metoda. - Po tem je ' valueAsDate Lastnost je dodeljena in shranjena kot primerek nove datum() ” konstruktor.
Po izvedbi zgornjega delčka kode je spletna stran videti takole:
Izhod pokaže, da imajo podatki vhodnega tipa privzeto vrednost, nastavljeno na trenutni/današnji datum.
2. način: Uporaba metode “toISOString()”.
Za nastavitev privzete današnje vrednosti za » vnos ” na današnji/trenutni datum. ' toISOString() ” lahko uporabite tudi metodo, za boljšo razlago obiščite spodnji delček kode:
< scenarij >const danes = nov datum ( ) .toISOString ( ) .substr ( 0 , 10 ) ;
document.getElementById ( 'današnji datum' ) .value = danes;
scenarij >
V zgornjem delčku kode:
- Prvič, nov primerek » datum() ” je ustvarjen konstruktor. Po tem pretvorite primerek datuma v ' ISO ' standardno z uporabo ' toISOString() ” metoda.
- Nato uporabite » substr() ' metoda, ki vzame indeksne številke ' 0 « in » 10 ” kot parameter. Po tem prikaže rezultat, ki se začne z ' 0 ' kazalo za ' 10 ” kazalo.
Po izvedbi zgornje metode se spletna stran prikaže takole:
Izhod pokaže, da imajo podatki vhodnega tipa privzeto vrednost, nastavljeno na trenutni/današnji datum.
3. način: uporaba metod “getFullYear()” in “padStart()”
V tem razdelku je » getFullYear() ” metoda izvleče trenutni datum. ' pathStart() ' se uporablja metoda, ki pomaga pri oblikovanju ' datum «, ki bo prikazan na ciljnem » vnos ” element:
< scenarij >konst trenutno = nov datum ( ) ;
const tekoče leto = trenutno.getFullYear ( ) ;
const trenutni mesec = Niz ( current.getMonth ( ) + 1 ) .padStart ( 2 , '0' ) ;
const trenutni dan = niz ( current.getDate ( ) ) .padStart ( 2 , '0' ) ;
const formattedDate = ` ${tekoče-leto} - ${trenutni-mesec} - ${trenutni-dan} ` ;
const myDateInput = document.getElementById ( 'myDate' ) ;
myDateInput.value = formattedDate;
scenarij >
Opis zgornjih izrezkov kode je opisan v točkah:
- Najprej ustvarite konstanten tip spremenljivke, ki shranjuje objekt » datum() ” konstruktor z imenom ” trenutno ”.
- Nato uporabite » getFullYear() ' metoda z ' trenutno ' in jo shranite v novo spremenljivko z imenom ' trenutno leto ”.
- Nato prenesite » getMonth() ' in dodajte eno številko za začetek meseca od 1 do 12 znotraj ' Vrvica() ” konstruktor. Zagotovite tudi polnjenje dveh znakov z uporabo ' pathStart(2, 0) ”. In ga postavite v novo ustvarjeno spremenljivko z imenom ' tekoči mesec ”.
- Nato sledite istemu postopku, da dobite trenutni datum z uporabo ' getDate() ' in ga shranite v ' trenutni dan ” spremenljivka.
Po izvedbi delčkov kode se spletna stran v vsakem primeru prikaže takole:
Izhod pokaže, da imajo podatki vhodnega tipa privzeto vrednost, nastavljeno na trenutni/današnji datum.
Zaključek
Če želite nastaviti privzeto vrednost datuma vrste vnosa na današnji/trenutni datum, uporabite “ valueAsDate » lastnina, » toISOString() « in » getFullYear() ” se lahko uporabijo metode. V primeru lastnosti »valueAsDate« je samo » datum() ' je potreben konstruktor, medtem ko je v primeru ' toISOString() ' metode ' substr() ” se uporablja za pridobitev samo določenega dela datuma. Ta spletni dnevnik prikazuje, kako nastaviti privzeto vrednost datuma vrste vnosa na danes/trenutno.