Ez az írás elmagyarázza a dátumidő megjelenítésének módszereit 12 órás délelőtt/dél formátumban JavaScriptben.
Hogyan jeleníthető meg a DateTime 12 órás délelőtt/dél formátumban a JavaScriptben?
A következő megközelítések alkalmazhatók a dátum és idő megjelenítésére 12 órás délelőtt/dél óra formátumban JavaScriptben:
- ' toLocaleString() ” Módszer.
- ' toLocaleTimeString() ” Módszer.
- ' Sorban ” Funkció.
1. megközelítés: A dátum és idő megjelenítése 12 órás délelőtt/délután formátumban JavaScriptben a toLocaleString() metódus használatával
Az ' toLocaleString() ” metódus egy dátum objektumot ad vissza karakterlánc formájában. Ezzel a módszerrel visszaadhatja a pontos időt az egyesült államokbeli nyelvi formátumban.
Szintaxis
Dátum . toLocaleString ( helyi , lehetőségek )
Az adott szintaxisban
- ' helyi ” az adott nyelvi formátumra utal.
- ' lehetőségek ” jelzi azt az objektumot, amelyhez a tulajdonságok hozzárendelhetők.
Példa
Először hozzon létre egy új dátum objektumot a ' új dátum() ” kivitelező:
Most alkalmazza a „ toLocaleString() 'metódus, amelynek ' MINKET ” nyelvi formátumot és paramétereiként az idő hozzárendelt értékeit. Itt, ' óra 12 ” azt jelzi, hogy az óra 12 órás formátumban jelenik meg. Ennek eredményeként az aktuális idő amerikai időformátumban jelenik meg:
konzol. log ( idő. toLocaleString ( 'bennünk' , { óra : 'numerikus' , perc : 'numerikus' , óra 12 : igaz } ) ) ;
Kimenet
2. megközelítés: A dátum és idő megjelenítése 12 órás délelőtt/délután formátumban JavaScriptben a toLocaleTimeString() metódus használatával
Az ' toLocaleTimeString() ” metódus egy dátumobjektum időintervallumát adja vissza karakterláncként. Ez a metódus a toLocaleString() metódushoz hasonlóan alkalmazható úgy, hogy az alapértelmezett időt adja vissza a megadott dátumhoz képest.
Példa
A következő példában hasonló módon hozzon létre egy új dátumobjektumot a ' új dátum() ' konstruktort, és adja meg a következő dátumot paramétereként a ' év ”, „ hónap ” és „ nap ” ill.
Ezt követően alkalmazza a „ toLocaleTimeString() ” metódus, amelynek paramétere a megadott időformátum, az előző metódusban tárgyaltak szerint:
const dátum idő = új Dátum ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'bennünk' , {óra : 'numerikus' , perc : 'numerikus' , óra 12 : igaz
} )
Végül jelenítse meg a megfelelő időt, amely az alapértelmezett időt eredményezi a megadott dátumhoz képest:
konzol. log ( dátum idő ) ;Kimenet
3. megközelítés: A dátum és idő megjelenítése 12 órás délelőtt/délután formátumban JavaScriptben a beágyazott funkció használatával
Ez a megközelítés megvalósítható feltételes operátor alkalmazására az am/pm formátumban.
Az alábbi példa illusztrálja a megfogalmazott koncepciót.
Példa
const dátum idő = ( dátum ) => {hagyja órákat = dátum. getHours ( ) ;
hagyja perceit = dátum. getMinutes ( ) ;
legyen ap = órák >= 12 ? 'délután' : 'vagyok' ;
órák = órák % 12 ;
órák = órák ? órák : 12 ;
percek = percek. toString ( ) . pathStart ( két , '0' ) ;
engedd el az időt = órák + ':' + percek + '' + ap ;
Visszatérés mergeTime ;
}
konzol. log ( dátum idő ( új Dátum ( 2022 , 1 , 1 ) ) ) ;
A fent bemutatott kódban:
- Először definiáljon egy „ Sorban ' függvény neve ' dátum idő() ”. Ez a függvény egy dátum objektumot vesz paraméterként.
- Az ' getHours() ” metódus, a következő lépésben az aktuális órát 24 órás formátumban adja vissza a függvényben.
- Hasonlóképpen a „ getMinutes() ” metódus lekéri az aktuális perceket.
- Ezután hozzon létre egy változót ' ap ” és állítsa be délelőtt vagy délután értékre az órák értékéhez képest.
- A következő lépésben alakítsa át az órákat a következő formátumra: 12 órás ' segítségével a ' % ” operátort, hogy megkapja a 12-vel való osztás maradékát.
- A további kódban alkalmazza a „ toString() ” metódussal konvertálja a számított perceket sztringgé, és használja a „ pathStart() ” metódussal töltheti be az átalakított karakterláncot 0-val, ha az csak egy számjegyből áll.
- Végül egyesítse a számított időt úgy, hogy összeadja a számított órákat, perceket és a formátumot (am/pm), és jelenítse meg:
Kimenet
Összefoglaltuk azokat a megközelítéseket, amelyek használhatók a dátumidő megjelenítésére 12 órás délelőtt/dél formátumban JavaScriptben.
Következtetés
Az ' toLocaleString() ' módszer, a ' toLocaleTimeString() ' módszer vagy a ' Sorban ” funkció implementálható a dátum és idő megjelenítésére 12 órás am/pm formátumban JavaScriptben. Az első metódus választható az aktuális idő megjelenítésére a megadott időformátumban, a toLocaleTimeString() metódus alkalmazható az alapértelmezett idő visszaadására a megadott dátumhoz képest az adott időformátumban, és az Inline függvény is megvalósítható. egy feltételes operátor az am/pm formátumhoz. Ez az írás összeállította a dátumidő megjelenítési megközelítéseket 12 órás délelőtt/dél formátumban JavaScriptben.