See kirjutis selgitab meetodeid, kuidas JavaScriptis kuupäeva ja kellaaega kuvada vormingus 12 tundi hommikul.
Kuidas kuvada kuupäeva ja kellaaega JavaScriptis vormingus 12 tundi AM/PM?
Kuupäeva ja kellaaja kuvamiseks JavaScriptis vormingus 12 tundi am/pm saab kasutada järgmisi lähenemisviise.
- “ toLocaleString() ” Meetod.
- “ toLocaleTimeString() ” Meetod.
- “ Järjekorras ” Funktsioon.
1. lähenemisviis: kuupäeva ja kellaaja kuvamine JavaScriptis vormingus 12 tundi AM/PM, kasutades meetodit toLocaleString()
' toLocaleString() ” meetod tagastab kuupäevaobjekti stringi kujul. Seda meetodit saab rakendada praeguse kellaaja tagastamiseks USA keelevormingus.
Süntaks
Kuupäev . toLocaleString ( kohalik , valikuid )
Antud süntaksis
- “ kohalik ” viitab konkreetsele keelevormingule.
- “ valikuid ” tähistab objekti, millele saab atribuute omistada.
Näide
Esiteks looge uus kuupäevaobjekt, kasutades ' uus kuupäev() 'konstruktor:
Nüüd rakendage ' toLocaleString() meetod, millel on USA ” keelevormingus ja selle parameetriteks kellaaja väärtused. Siin, ' tund 12 ” näitab, et tund kuvatakse 12-tunnises vormingus. Selle tulemusel kuvatakse praegune aeg USA ajavormingus:
konsool. logi ( aega. toLocaleString ( 'USA-s' , { tund : 'numbriline' , minut : 'numbriline' , tund 12 : tõsi } ) ) ;
Väljund
2. lähenemisviis: kuupäeva ja kellaaja kuvamine JavaScriptis vormingus 12 tundi AM/PM, kasutades meetodit toLocaleTimeString()
' toLocaleTimeString() ” meetod tagastab kuupäevaobjekti ajavahemiku stringina. Seda meetodit saab rakendada sarnaselt meetodile toLocaleString(), tagastades vaikeaja määratud kuupäeva vastu.
Näide
Järgmises näites looge samamoodi uus kuupäevaobjekt, kasutades ' uus kuupäev() ” konstruktorit ja määrake selle parameetriks järgmine kuupäev järjestuses ' aastal ”, „ kuu ” ja „ päeval ” vastavalt.
Pärast seda rakendage ' toLocaleTimeString() ” meetod, mille parameetriks on määratud ajavorming, nagu on kirjeldatud eelmises meetodis:
konst kuupäev Kellaaeg = uus Kuupäev ( 2022. aasta , 1 , 1 ) . toLocaleTimeString ( 'USA-s' , {tund : 'numbriline' , minut : 'numbriline' , tund 12 : tõsi
} )
Lõpuks kuvage vastav kellaaeg, mille tulemuseks on määratud kuupäeva vaikeaeg:
konsool. logi ( kuupäev Kellaaeg ) ;Väljund
3. lähenemisviis: kuupäeva ja kellaaja kuvamine JavaScriptis vormingus 12 tundi AM/PM, kasutades tekstisisest funktsiooni
Seda lähenemisviisi saab rakendada tingimusliku operaatori rakendamiseks vormingule am/pm.
Allpool toodud näide illustreerib esitatud kontseptsiooni.
Näide
konst kuupäev Kellaaeg = ( kuupäeva ) => {lase tundi = kuupäeva. getHours ( ) ;
lase minuteid = kuupäeva. getMinutes ( ) ;
lase ap = tundi >= 12 ? 'pm' : 'olen' ;
tundi = tundi % 12 ;
tundi = tundi ? tundi : 12 ;
minutit = minutit. toString ( ) . pathStart ( kaks , '0' ) ;
lase lahti Aeg = tundi + ':' + minutit + '' + ap ;
tagasi mergeTime ;
}
konsool. logi ( kuupäev Kellaaeg ( uus Kuupäev ( 2022. aasta , 1 , 1 ) ) ) ;
Ülaltoodud koodis:
- Esiteks määrake ' järjekorras ' funktsioon nimega ' kuupäev Kellaaeg() ”. See funktsioon võtab parameetrina kuupäevaobjekti.
- ' getHours() ” meetod, tagastab järgmises etapis funktsioonis praeguse tunni 24-tunnises vormingus.
- Samamoodi on ' getMinutes() ” meetod hangib praegused minutid.
- Pärast seda looge muutuja nimega ' ap ” ja kohandage seda tundide väärtuse suhtes hommikuks või õhtuks.
- Järgmises etapis muutke tunnid vormingusse ' 12-tunnine ' abiga ' % ” operaatorit 12-ga jagamisel jäägi saamiseks.
- Järgmises koodis rakendage ' toString() ' meetodit, et teisendada arvutatud minutid stringiks ja kasutada ' pathStart() ” meetod teisendatud stringi polsterdamiseks 0-ga, kui see on ainult üks number.
- Lõpuks ühendage arvutatud aeg, lisades vastavalt arvutatud tunnid, minutid ja vormingu (am/pm) ning kuvage see:
Väljund
Oleme jõudnud lõpule lähenemisviisid, mida saab kasutada JavaScriptis kuupäeva ja kellaaja kuvamiseks vormingus 12 tundi hommikul.
Järeldus
' toLocaleString() ' meetod, ' toLocaleTimeString() meetod või Järjekorras ” funktsiooni saab rakendada, et kuvada JavaScriptis kuupäeva ja kellaaeg 12-tunnise am/pm vormingus. Esimese meetodi puhul saab valida praeguse kellaaja kuvamise konkreetses kellaajavormingus, meetodit toLocaleTimeString() saab rakendada vaikeaja tagastamiseks määratud kuupäeva suhtes konkreetses kellaajavormingus ja rakenduses saab rakendada funktsiooni Inline tingimuslik operaator vormingule am/pm. See kirjutis koostas lähenemisviisid kuupäeva ja kellaaja kuvamiseks JavaScriptis vormingus 12 tundi hommikul.