Tento zápis vysvetlí metódy zobrazenia dátumu a času vo formáte 12 hodín ráno/odpoludnia v JavaScripte.
Ako zobraziť dátum a čas vo formáte 12 hodín AM/PM v JavaScripte?
Nasledujúce prístupy možno použiť na zobrazenie dátumu a času vo formáte 12 hodín ráno/odpoludnia v JavaScripte:
- “ toLocaleString() “Metóda.
- “ toLocaleTimeString() “Metóda.
- “ V rade “Funkcia.
Prístup 1: Zobrazenie dátumu a času vo formáte 12 hodín AM/PM v JavaScripte pomocou metódy toLocaleString()
' toLocaleString() ” vráti objekt dátumu vo forme reťazca. Túto metódu možno použiť na vrátenie aktuálneho času vo formáte jazyka USA.
Syntax
Dátum . toLocaleString ( miestne , možnosti )
V danej syntaxi
- “ miestne “ označuje konkrétny jazykový formát.
- “ možnosti “ označuje objekt, ktorému možno priradiť vlastnosti.
Príklad
Najprv vytvorte nový objekt dátumu pomocou „ nový dátum() “konštruktor:
Teraz použite „ toLocaleString() “ metóda s “ USA ” formát jazyka a priradené hodnoty času ako jeho parametre. Tu, ' hodina12 ” znamená, že hodina sa zobrazí v 12-hodinovom formáte. Výsledkom bude zobrazenie aktuálneho času v americkom formáte:
konzoly. log ( čas. toLocaleString ( 'v nás' , { hodina : 'numeric' , minútu : 'numeric' , hodina12 : pravda } ) ) ;
Výkon
Prístup 2: Zobrazenie dátumu a času vo formáte 12 hodín AM/PM v JavaScripte pomocou metódy toLocaleTimeString()
' toLocaleTimeString() ” vráti časové rozpätie objektu dátumu ako reťazec. Túto metódu možno použiť podobne ako metódu toLocaleString() vrátením predvoleného času oproti zadanému dátumu.
Príklad
V nasledujúcom príklade podobne vytvorte nový objekt dátumu pomocou „ nový dátum() ” a zadajte nasledujúci dátum ako jeho parameter v sekvencii “ rok “, “ mesiac “ a „ deň “.
Potom použite „ toLocaleTimeString() ” metóda so špecifikovaným formátom času ako jej parametrom, ako je uvedené v predchádzajúcej metóde:
konšt Dátum Čas = Nový Dátum ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'v nás' , {hodina : 'numeric' , minútu : 'numeric' , hodina12 : pravda
} )
Nakoniec zobrazte zodpovedajúci čas, ktorý má za následok predvolený čas vzhľadom na zadaný dátum:
konzoly. log ( Dátum Čas ) ;Výkon
Prístup 3: Zobrazenie dátumu a času vo formáte 12 hodín dopoludnia/popoludnia v jazyku JavaScript pomocou funkcie vloženia
Tento prístup možno implementovať na použitie podmieneného operátora na formát am/pm.
Nižšie uvedený príklad ilustruje uvedený koncept.
Príklad
konšt Dátum Čas = ( dátum ) => {nechať hodiny = dátum. getHours ( ) ;
nechať minúty = dátum. getMinutes ( ) ;
nechať ap = hodiny >= 12 ? 'popoludnie' : 'som' ;
hodiny = hodiny % 12 ;
hodiny = hodiny ? hodiny : 12 ;
minút = minút. natiahnuť ( ) . pathStart ( dva , '0' ) ;
pustiťČas = hodiny + ':' + minút + ' ' + ap ;
vrátiť mergeTime ;
}
konzoly. log ( Dátum Čas ( Nový Dátum ( 2022 , 1 , 1 ) ) ) ;
Vo vyššie uvedenom kóde:
- Najprv definujte „ v rade “funkcia s názvom “ Dátum Čas() “. Táto funkcia vezme ako parameter objekt dátumu.
- ' getHours() ” metóda v ďalšom kroku vráti aktuálnu hodinu v 24-hodinovom formáte vo funkcii.
- Podobne aj „ getMinutes() ” metóda načíta aktuálne minúty.
- Potom vytvorte premennú s názvom „ ap ” a upravte ho na dopoludnie alebo popoludní s ohľadom na hodnotu hodín.
- V ďalšom kroku transformujte hodiny na formát „ 12-hodinový “ s pomocou „ % ” operátor pre získanie zvyšku pri delení do 12.
- V ďalšom kóde použite „ natiahnuť() ” na konverziu vypočítaných minút na reťazec a použite metódu “ pathStart() ” na doplnenie konvertovaného reťazca 0, ak je to iba jedna číslica.
- Nakoniec zlúčte vypočítaný čas pridaním vypočítaných hodín, minút a formátu (am/pm) a zobrazte ho:
Výkon
Dospeli sme k záveru o prístupoch, ktoré možno použiť na zobrazenie dátumu a času vo formáte 12 hodín ráno/odpoludnia v JavaScripte.
Záver
' toLocaleString() “ metóda, “ toLocaleTimeString() “ metóda alebo “ V rade Funkcia ” môže byť implementovaná na zobrazenie dátumu a času vo formáte 12 hodín ráno/odpoludnia v JavaScripte. Prvú metódu je možné zvoliť na zobrazenie aktuálneho času v špecifickom časovom formáte, metódu toLocaleTimeString() možno použiť na vrátenie predvoleného času vzhľadom na zadaný dátum v konkrétnom časovom formáte a možno implementovať funkciu Inline, ktorá sa použije. podmienený operátor vo formáte am/pm. Tento zápis skompiloval prístupy k zobrazeniu dátumu a času vo formáte 12 hodín ráno/odpoludnia v JavaScripte.