Denne artikkelen vil forklare metodene for å vise dato og klokkeslett i formatet 12 timer am/pm i JavaScript.
Hvordan vise DateTime i formatet 12 timer AM/PM i JavaScript?
Følgende tilnærminger kan brukes for å vise dato og klokkeslett i formatet 12 timer am/pm i JavaScript:
- ' toLocaleString() ' Metode.
- ' toLocaleTimeString() ' Metode.
- ' På linje ' Funksjon.
Tilnærming 1: Vis DateTime i formatet 12 timer AM/PM i JavaScript ved å bruke toLocaleString()-metoden
« toLocaleString() ”-metoden returnerer et datoobjekt i form av en streng. Denne metoden kan brukes for å returnere gjeldende tid i amerikansk språkformat.
Syntaks
Dato . til LocaleString ( lokale , alternativer )
I den gitte syntaksen,
- ' lokale ” refererer til det spesifikke språkformatet.
- ' alternativer ” indikerer objektet som egenskapene kan tildeles.
Eksempel
Først oppretter du et nytt datoobjekt ved å bruke ' ny dato() ' konstruktør:
Bruk nå ' toLocaleString() ' metode som har ' OSS ” språkformat og de tildelte verdiene for tiden som parametere. Her, ' time 12 ” indikerer at timen vil vises i 12-timers format. Dette vil resultere i visning av gjeldende tid i amerikansk tidsformat:
konsoll. Logg ( tid. til LocaleString ( 'i oss' , { time : 'numerisk' , minutt : 'numerisk' , time 12 : ekte } ) ) ;
Produksjon
Tilnærming 2: Vis DateTime i formatet 12 timer AM/PM i JavaScript ved å bruke toLocaleTimeString()-metoden
« toLocaleTimeString() ”-metoden returnerer tidsrommet til et datoobjekt som en streng. Denne metoden kan brukes på samme måte som toLocaleString()-metoden ved å returnere standardtiden mot den angitte datoen.
Eksempel
I det følgende eksempelet, på samme måte, opprette et nytt datoobjekt ved å bruke ' ny dato() ' konstruktør og spesifiser følgende dato som parameter i sekvensen av ' år ', ' måned ' og ' dag 'henholdsvis.
Etter det bruker du ' toLocaleTimeString() ” metode med det spesifiserte tidsformatet som parameter som diskutert i forrige metode:
konst dato tid = ny Dato ( 2022 , 1 , 1 ) . til LocaleTimeString ( 'i oss' , {time : 'numerisk' , minutt : 'numerisk' , time 12 : ekte
} )
Vis til slutt den tilsvarende tiden som resulterer i standardtiden med hensyn til den angitte datoen:
konsoll. Logg ( dato tid ) ;Produksjon
Tilnærming 3: Vis dato og klokkeslett i formatet 12 timer AM/PM i JavaScript ved å bruke den innebygde funksjonen
Denne tilnærmingen kan implementeres for å bruke en betinget operatør på am/pm-formatet.
Eksemplet nedenfor illustrerer det angitte konseptet.
Eksempel
konst dato tid = ( Dato ) => {la timer = Dato. getHours ( ) ;
la minutter = Dato. getMinutes ( ) ;
la ap = timer >= 12 ? 'pm' : 'er' ;
timer = timer % 12 ;
timer = timer ? timer : 12 ;
minutter = minutter. til String ( ) . pathStart ( to , '0' ) ;
la gåTid = timer + ':' + minutter + ' ' + ap ;
komme tilbake mergeTime ;
}
konsoll. Logg ( dato tid ( ny Dato ( 2022 , 1 , 1 ) ) ) ;
I den viste koden ovenfor:
- Først må du definere en ' på linje ' funksjon kalt ' dato tid() '. Denne funksjonen tar et datoobjekt som parameter.
- « getHours() ”-metoden, i neste trinn, vil returnere gjeldende time i 24-timersformatet i funksjonen.
- På samme måte er ' getMinutes() ”-metoden vil hente gjeldende minutter.
- Deretter oppretter du en variabel kalt ' ap ” og juster den til am eller pm med hensyn til verdien av timer.
- I neste trinn transformerer du timene til formatet ' 12 timer ' ved hjelp av ' % ”-operatør for å få resten ved delingen innen 12.
- I den videre koden bruker du ' toString() '-metoden for å konvertere de beregnede minuttene til en streng, og bruk ' pathStart() ”-metoden for å fylle den konverterte strengen med 0 hvis den bare er ett siffer.
- Til slutt, slå sammen den beregnede tiden ved å legge til de beregnede timene, minuttene og formatet (am/pm) henholdsvis og vis det:
Produksjon
Vi har konkludert med tilnærmingene som kan brukes til å vise dato og klokkeslett i 12 timers am/pm-format i JavaScript.
Konklusjon
« toLocaleString() 'metoden, ' toLocaleTimeString() '-metoden eller ' På linje ”-funksjonen kan implementeres for å vise dato og klokkeslett i 12 timers am/pm-format i JavaScript. Den første metoden kan velges for å vise gjeldende tid i det spesifikke tidsformatet, toLocaleTimeString()-metoden kan brukes for å returnere standardtiden med hensyn til den angitte datoen i det bestemte tidsformatet, og Inline-funksjonen kan implementeres for å bruke en betinget operatør til am/pm-formatet. Denne oppskriften kompilerte tilnærmingene for å vise dato og klokkeslett i formatet 12 timer am/pm i JavaScript.