Tento zápis vysvětlí metody zobrazení data a času ve formátu 12 hodin dopoledne/odpoledne v JavaScriptu.
Jak zobrazit datum a čas ve formátu 12 hodin AM/PM v JavaScriptu?
Pro zobrazení data a času ve formátu 12 hodin dopoledne/odpoledne v JavaScriptu lze použít následující přístupy:
- “ toLocaleString() 'Metoda.'
- “ toLocaleTimeString() 'Metoda.'
- “ V souladu “Funkce.
Přístup 1: Zobrazení DateTime ve formátu 12 hodin AM/PM v JavaScriptu pomocí metody toLocaleString()
' toLocaleString() ” vrací objekt data ve formě řetězce. Tuto metodu lze použít k vrácení aktuálního času ve formátu jazyka USA.
Syntax
datum . toLocaleString ( místní , možnosti )
V dané syntaxi
- “ místní “ označuje konkrétní jazykový formát.
- “ možnosti ” označuje objekt, kterému lze vlastnosti přiřadit.
Příklad
Nejprve vytvořte nový objekt data pomocí „ nové datum() 'konstruktor:
Nyní použijte „ toLocaleString() “ metoda s “ NÁS ” formát jazyka a přiřazené hodnoty času jako jeho parametry. Tady, ' hodina12 ” znamená, že hodina bude zobrazena ve 12hodinovém formátu. Výsledkem bude zobrazení aktuálního času v americkém formátu:
řídicí panel. log ( čas. toLocaleString ( 'v nás' , { hodina : 'numerický' , minuta : 'numerický' , hodina12 : skutečný } ) ) ;
Výstup
Přístup 2: Zobrazení DateTime ve formátu 12 hodin AM/PM v JavaScriptu pomocí metody toLocaleTimeString()
' toLocaleTimeString() ” metoda vrací časové rozpětí objektu data jako řetězec. Tuto metodu lze použít podobně jako metodu toLocaleString() vrácením výchozího času proti zadanému datu.
Příklad
V následujícím příkladu podobně vytvořte nový objekt data pomocí „ nové datum() ” konstruktor a určete následující datum jako jeho parametr v sekvenci “ rok “, “ Měsíc ' a ' den “.
Poté použijte „ toLocaleTimeString() ” metoda se zadaným formátem času jako parametrem, jak je popsáno v předchozí metodě:
konst čas schůzky = Nový datum ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'v nás' , {hodina : 'numerický' , minuta : 'numerický' , hodina12 : skutečný
} )
Nakonec zobrazte odpovídající čas, jehož výsledkem je výchozí čas s ohledem na zadané datum:
řídicí panel. log ( čas schůzky ) ;Výstup
Přístup 3: Zobrazení data a času ve formátu 12 hodin AM/PM v JavaScriptu pomocí funkce Inline
Tento přístup lze implementovat pro aplikaci podmíněného operátoru na formát am/pm.
Níže uvedený příklad ilustruje uvedený koncept.
Příklad
konst čas schůzky = ( datum ) => {nechat hodiny = datum. getHours ( ) ;
nechat minuty = datum. getMinutes ( ) ;
nechat ap = hodin >= 12 ? 'odpoledne' : 'dopoledne' ;
hodin = hodin % 12 ;
hodin = hodin ? hodin : 12 ;
minut = minut. toString ( ) . cestaStart ( dva , '0' ) ;
pustitČas = hodin + ':' + minut + ' ' + ap ;
vrátit se mergeTime ;
}
řídicí panel. log ( čas schůzky ( Nový datum ( 2022 , 1 , 1 ) ) ) ;
Ve výše uvedeném kódu:
- Nejprve definujte „ v souladu “funkce s názvem “ čas schůzky() “. Tato funkce vezme jako svůj parametr objekt data.
- ' getHours() ” metoda v dalším kroku vrátí aktuální hodinu ve 24hodinovém formátu ve funkci.
- Podobně „ getMinutes() ” metoda načte aktuální minuty.
- Poté vytvořte proměnnou s názvem „ ap “ a upravte jej na dopolední nebo odpolední s ohledem na hodnotu hodin.
- V dalším kroku transformujte hodiny do formátu „ 12 hodin “ s pomocí „ % ” operátor pro získání zbytku při dělení do 12.
- V dalším kódu použijte „ toString() “, abyste převedli vypočítané minuty na řetězec a použijte metodu “ pathStart() ” pro doplnění převedeného řetězce 0, pokud se jedná pouze o jednu číslici.
- Nakonec sloučte vypočítaný čas přidáním vypočtených hodin, minut a formátu (dopoledne/odpoledne) a zobrazte jej:
Výstup
Uzavřeli jsme přístupy, které lze použít k zobrazení data a času ve formátu 12 hodin dopoledne/odpoledne v JavaScriptu.
Závěr
' toLocaleString() “ metoda, “ toLocaleTimeString() “ metoda nebo “ V souladu Funkce ” může být implementována pro zobrazení data a času ve formátu 12 hodin ráno/odpoledne v JavaScriptu. První metodu lze zvolit pro zobrazení aktuálního času ve specifickém časovém formátu, metodu toLocaleTimeString() lze použít k vrácení výchozího času s ohledem na zadané datum v konkrétním časovém formátu a lze implementovat funkci Inline, která se použije. podmíněný operátor do formátu am/pm. Tento zápis sestavil přístupy k zobrazení data a času ve formátu 12 hodin dopoledne/odpoledne v JavaScriptu.