Ovaj tekst objasnit će metode za prikaz datuma i vremena u formatu 12 sati ujutro/popodne u JavaScriptu.
Kako prikazati datum i vrijeme u formatu od 12 sati AM/PM u JavaScriptu?
Sljedeći pristupi mogu se primijeniti za prikaz datuma i vremena u formatu 12 sati ujutro/popodne u JavaScriptu:
- “ toLocaleString() ” Metoda.
- “ toLocaleTimeString() ” Metoda.
- “ U redu ” Funkcija.
Pristup 1: Prikaz datuma i vremena u formatu 12 sati AM/PM u JavaScriptu pomoću metode toLocaleString()
' toLocaleString() ” metoda vraća datumski objekt u obliku niza. Ova se metoda može primijeniti za vraćanje trenutnog vremena u formatu američkog jezika.
Sintaksa
Datum . toLocaleString ( lokalni , opcije )
U navedenoj sintaksi,
- “ lokalni ” odnosi se na određeni jezični format.
- “ opcije ” označava objekt kojem se mogu dodijeliti svojstva.
Primjer
Prvo stvorite novi objekt datuma koristeći ' novi datum() ” konstruktor:
Sada primijenite ' toLocaleString() ' metoda koja ima ' NAS ” format jezika i dodijeljene vrijednosti vremena kao njegove parametre. Ovdje, ' sat12 ” označava da će sat biti prikazan u 12-satnom formatu. To će rezultirati prikazom trenutnog vremena u američkom vremenskom formatu:
konzola. log ( vrijeme. toLocaleString ( 'u nama' , { sat : 'numerički' , minuta : 'numerički' , sat12 : pravi } ) ) ;
Izlaz
Pristup 2: Prikaz datuma i vremena u formatu 12 sati AM/PM u JavaScriptu pomoću metode toLocaleTimeString()
' toLocaleTimeString() ” metoda vraća vremenski raspon datumskog objekta kao niz. Ova se metoda može primijeniti slično metodi toLocaleString() vraćanjem zadanog vremena u odnosu na navedeni datum.
Primjer
U sljedećem primjeru, na sličan način, stvorite novi objekt datuma koristeći ' novi datum() ” konstruktor i navedite sljedeći datum kao njegov parametar u nizu “ godina ”, “ mjesec ' i ' dan ” odnosno.
Nakon toga primijenite ' toLocaleTimeString() ” s navedenim vremenskim formatom kao parametrom kao što je objašnjeno u prethodnoj metodi:
konst Datum vrijeme = novi Datum ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'u nama' , {sat : 'numerički' , minuta : 'numerički' , sat12 : pravi
} )
Na kraju, prikažite odgovarajuće vrijeme što rezultira zadanim vremenom u odnosu na navedeni datum:
konzola. log ( Datum vrijeme ) ;Izlaz
Pristup 3: Prikaz datuma i vremena u formatu 12 sati AM/PM u JavaScriptu pomoću ugrađene funkcije
Ovaj se pristup može implementirati za primjenu uvjetnog operatora na format am/pm.
Dolje navedeni primjer ilustrira navedeni koncept.
Primjer
konst Datum vrijeme = ( datum ) => {neka sati = datum. getHours ( ) ;
neka minuta = datum. getMinutes ( ) ;
neka ap = sati >= 12 ? 'pm' : 'sam' ;
sati = sati % 12 ;
sati = sati ? sati : 12 ;
minuta = minuta. toString ( ) . pathStart ( dva , '0' ) ;
pusti vrijeme = sati + ':' + minuta + ' ' + ap ;
povratak mergeTime ;
}
konzola. log ( Datum vrijeme ( novi Datum ( 2022 , 1 , 1 ) ) ) ;
U gore prikazanom kodu:
- Prvo, definirajte ' u redu ' funkcija pod nazivom ' Datum vrijeme() ”. Ova funkcija će uzeti objekt datuma kao svoj parametar.
- ' getHours() ” metoda će u sljedećem koraku vratiti trenutni sat u 24-satnom formatu u funkciji.
- Slično tome, ' getMinutes() ” metoda će dohvatiti trenutne minute.
- Nakon toga kreirajte varijablu pod nazivom ' ap ” i prilagodite ga na am ili pm s obzirom na vrijednost sati.
- U sljedećem koraku transformirajte sate u format ' 12-satni ' uz pomoć ' % ” operator za dobivanje ostatka pri dijeljenju s 12.
- U daljnjem kodu primijenite ' toString() ' za pretvaranje izračunatih minuta u niz i upotrijebite ' pathStart() ” za dopunjavanje pretvorenog niza s 0 ako je samo jedna znamenka.
- Na kraju, spojite izračunato vrijeme dodavanjem izračunatih sati, minuta i formata (am/pm) i prikažite ga:
Izlaz
Zaključili smo pristupe koji se mogu upotrijebiti za prikaz datuma i vremena u 12-satnom formatu ujutro/popodne u JavaScriptu.
Zaključak
' toLocaleString() ' metoda, ' toLocaleTimeString() ' metoda ili ' U redu ” funkcija se može implementirati za prikaz datuma i vremena u 12-satnom formatu ujutro/popodne u JavaScriptu. Prva metoda može se odabrati za prikaz trenutnog vremena u određenom formatu vremena, metoda toLocaleTimeString() može se primijeniti za vraćanje zadanog vremena u odnosu na navedeni datum u određenom formatu vremena, a funkcija Inline može se implementirati za primjenu uvjetni operator za format am/pm. Ovaj zapis sabrao je pristupe za prikaz datuma i vremena u formatu 12 sati ujutro/popodne u JavaScriptu.