Kad lietotājiem ir jāievada datums, izstrādātāji iestata ievades veida datuma iepriekš definēto/noklusēto vērtību uz pašreizējo/šodienas datumu. Tagad lietotājam datums nav jāievada manuāli, tāpēc tas ietaupa lietotāja laiku un pūles. Turklāt tas uzlabo lietotāja pieredzi, datu precizitāti un nodrošina lietotājiem lielākas ērtības. Tam ir dažādas lietojumprogrammas, piemēram, pasākumu vadības sistēma, rezervēšanas sistēma utt.
Šajā emuārā ir parādīts, kā iestatīt ievades veida datuma noklusējuma vērtību uz šodienu:
- Izmantojot rekvizītu “valueAsDate”.
- Izmantojot metodi “toISOString()”.
- Izmantojot metodes “getFullYear()” un “padStart()”.
1. metode: izmantojiet rekvizītu “valueAsDate”.
' valueAsDate 'īpašums tiek izmantots, lai izgūtu pašreizējo datumu, izmantojot ' Datums() ” funkcija. Šo funkciju izmanto, lai ar datumu veiktu dažādas darbības, piemēram, pašreizējā datuma iegūšana, noteikta datuma iestatīšana, datu manipulēšana utt.
Apmeklējiet tālāk norādīto kodu, lai labāk izprastu:
< ķermeni >
< div >
< etiķete priekš = 'šodienDatums' > Datums ir etiķete >< ievade veids = 'datums'
id = 'šodienDatums' >
div >
< skripts >
document.getElementById ( 'šodienDatums' ) .valueAsDate = jauns datums ( ) ;
skripts >
ķermeni >
Iepriekš minētajā koda fragmentā:
- Pirmkārt, '
' tags ir izveidots ar ' veids ' un ' id ' atribūti iestatīti uz ' datus ' un ' šodienDatums ” attiecīgi. Šis tags “ ” tiks izmantots visā emuārā. - Tālāk sadaļā “
' atzīmējiet HTML elementu ar ID ' šodienDatums ” ir atlasīts, izmantojot getElementById() ” metode. - Pēc tam ' valueAsDate Īpašums tiek piešķirts un saglabāts kā jauna Datums() ” konstruktors.
Pēc iepriekš minētā koda fragmenta izpildes tīmekļa lapa izskatās šādi:
Izvade parāda, ka ievades tipa datiem ir noklusējuma vērtība, kas iestatīta uz pašreizējo/šodienas datumu.
2. metode: izmantojot metodi “toISOString()”.
Lai iestatītu noklusējuma šodienas vērtību ievade ” elements uz šodienu/pašreizējo datumu. ' uz ISOstring() ” var izmantot arī metodi, lai iegūtu labāku skaidrojumu, apmeklējiet tālāk norādīto koda fragmentu:
< skripts >const šodien = jauns datums ( ) .toISOString ( ) .substr ( 0 , 10 ) ;
document.getElementById ( 'šodienDatums' ) .value = šodiena;
skripts >
Iepriekš minētajā koda fragmentā:
- Pirmkārt, jaunais gadījums Datums() ” tiek izveidots konstruktors. Pēc tam konvertējiet datuma gadījumu uz ' ISO ' standarts, izmantojot ' uz ISOstring() ” metode.
- Pēc tam izmantojiet ' substr() ” metode, kas ņem indeksa numurus 0 ' un ' 10 ” kā parametru. Pēc tam tas parāda rezultātu, sākot no “ 0 ' indekss uz ' 10 ” indekss.
Pēc iepriekš minētās metodes izpildes tīmekļa lapa izskatās šādi:
Izvade parāda, ka ievades tipa datiem ir noklusējuma vērtība, kas iestatīta uz pašreizējo/šodienas datumu.
3. metode: izmantojot metodes “getFullYear()” un “padStart()”
Šajā sadaļā “ getFullYear() ” metode izvelk pašreizējo datumu. ' pathStart() tiek izmantota metode, kas palīdz formatēt datums formātā, kas tiks parādīts mērķētajā ievade ” elements:
< skripts >konst strāva = jauns datums ( ) ;
const pašreizējais-gads = pašreizējais.getFullYear ( ) ;
const pašreizējais-mēnesis = String ( pašreizējais.getMonth ( ) + 1 ) .padStart ( 2 , '0' ) ;
const pašreizējā diena = Virkne ( current.getDate ( ) ) .padStart ( 2 , '0' ) ;
const formattedDate = ` ${current-year} - ${current-month} - ${current-day} ` ;
const myDateInput = document.getElementById ( 'myDate' ) ;
myDateInput.value = formattedDate;
skripts >
Iepriekš minēto koda fragmentu apraksts ir aprakstīts aizzīmēs:
- Vispirms izveidojiet nemainīga veida mainīgo, kas saglabā 'objektu' Datums() 'konstruktors ar nosaukumu' strāva ”.
- Pēc tam izmantojiet ' getFullYear() ' metode ar ' strāva ' mainīgo un saglabājiet to jaunā mainīgajā ar nosaukumu ' Šis gads ”.
- Pēc tam ejiet garām ' getMonth () ” metodi un pievienojiet vienu skaitli, lai sāktu mēnesi no 1 līdz 12 Virkne() ” konstruktors. Nodrošiniet arī divu rakstzīmju polsterējumu, izmantojot “ pathStart(2, 0) ”. Un ievietojiet to jaunizveidotā mainīgajā ar nosaukumu ' tekošais mēnesis ”.
- Pēc tam veiciet to pašu procesu, lai iegūtu pašreizējo datumu, izmantojot ' getDate() ” metodi un saglabājiet to mapē pašreizējā diena ” mainīgais.
Pēc koda fragmentu izpildes tīmekļa lapa katrā gadījumā izskatās šādi:
Izvade parāda, ka ievades tipa datiem ir noklusējuma vērtība, kas iestatīta uz pašreizējo/šodienas datumu.
Secinājums
Lai iestatītu ievades veida datuma noklusējuma vērtību uz šodienu/pašreizējo datumu, “ valueAsDate 'īpašums, ' uz ISOstring() ' un ' getFullYear() ” metodes var izmantot. Rekvizīta “valueAsDate” gadījumā tikai “ Datums() ' konstruktors ir nepieciešams, bet gadījumā ' uz ISOstring() ' metodes ' substr() ” metode tiek izmantota, lai iegūtu tikai noteiktu datuma daļu. Šajā emuārā ir parādīts, kā iestatīt ievades veida datuma noklusējuma vērtību šodien/pašreizējais.