Ako zobraziť dátum a čas vo formáte 12 hodín AM/PM v JavaScripte?

Ako Zobrazit Datum A Cas Vo Formate 12 Hodin Am/pm V Javascripte

Zobrazenie dátumu a času vo formáte 12 hodín ráno/poobede je pomerne pohodlné na efektívnu analýzu času. Okrem toho tento prístup znižuje zmätok medzi ránom a večerom. Napríklad „ dopoludnia popoludní ” obidva definujú nejaký špecifický časový interval a dá sa ľahko spojiť s časom, čo nie je prípad 24-hodinového formátu.

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:

bol čas = Nový Dátum ( ) ;

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.