Denne opskrivning vil forklare metoderne til at vise datetime i formatet 12 timer am/pm i JavaScript.
Hvordan viser man DateTime i formatet 12 timer AM/PM i JavaScript?
Følgende tilgange kan anvendes til at vise dato og klokkeslæt i formatet 12 timer am/pm i JavaScript:
- “ toLocaleString() ' Metode.
- “ toLocaleTimeString() ' Metode.
- “ Inline ' Funktion.
Fremgangsmåde 1: Vis DateTime i formatet 12 timer AM/PM i JavaScript ved hjælp af toLocaleString()-metoden
Det ' toLocaleString() ” metode returnerer et datoobjekt i form af en streng. Denne metode kan anvendes til at returnere den aktuelle tid i det amerikanske sprogformat.
Syntaks
Dato . til LocaleString ( lokal , muligheder )
I den givne syntaks,
- “ lokal ” refererer til det specifikke sprogformat.
- “ muligheder ” angiver det objekt, som egenskaberne kan tildeles.
Eksempel
Først skal du oprette et nyt datoobjekt ved hjælp af ' ny dato() ' konstruktør:
Anvend nu ' toLocaleString() ' metode med ' OS ” sprogformat og de tildelte værdier for tiden som dets parametre. Her, ' time 12 ” angiver, at timen vil blive vist i 12-timers format. Dette vil resultere i at vise den aktuelle tid i amerikansk tidsformat:
konsol. log ( tid. til LocaleString ( 'i USA' , { time : 'numerisk' , minut : 'numerisk' , time 12 : rigtigt } ) ) ;
Produktion
Fremgangsmåde 2: Vis DateTime i formatet 12 timer AM/PM i JavaScript ved hjælp af toLocaleTimeString()-metoden
Det ' toLocaleTimeString() ” metoden returnerer tidsrummet for et datoobjekt som en streng. Denne metode kan anvendes på samme måde som toLocaleString()-metoden ved at returnere standardtidspunktet mod den angivne dato.
Eksempel
I det følgende eksempel skal du på samme måde oprette et nyt datoobjekt ved hjælp af ' ny dato() ' konstruktør og angiv følgende dato som dens parameter i sekvensen af ' år ', ' måned ' og ' dag ' henholdsvis.
Anvend derefter ' toLocaleTimeString() ” metode med det angivne tidsformat som parameter som diskuteret i den foregående metode:
konst dato tid = ny Dato ( 2022 , 1 , 1 ) . til LocaleTimeString ( 'i USA' , {time : 'numerisk' , minut : 'numerisk' , time 12 : rigtigt
} )
Til sidst skal du vise det tilsvarende klokkeslæt, hvilket resulterer i standardtidspunktet i forhold til den angivne dato:
konsol. log ( dato tid ) ;Produktion
Fremgangsmåde 3: Vis DateTime i formatet 12 timer AM/PM i JavaScript ved hjælp af Inline-funktionen
Denne tilgang kan implementeres til at anvende en betinget operatør på am/pm-formatet.
Nedenstående eksempel illustrerer det angivne koncept.
Eksempel
konst dato tid = ( dato ) => {lad timer = dato. getHours ( ) ;
lad minutter = dato. getMinutes ( ) ;
lad ap = timer >= 12 ? 'om eftermiddagen' : 'er' ;
timer = timer % 12 ;
timer = timer ? timer : 12 ;
minutter = minutter. til String ( ) . stiStart ( to , '0' ) ;
lad gåTid = timer + ':' + minutter + ' ' + ap ;
Vend tilbage MergeTime ;
}
konsol. log ( dato tid ( ny Dato ( 2022 , 1 , 1 ) ) ) ;
I den ovenfor viste kode:
- Først skal du definere en ' inline ' funktion med navnet ' dato tid() ”. Denne funktion vil tage et datoobjekt som sin parameter.
- Det ' getHours() ”-metoden, i næste trin, returnerer den aktuelle time i 24-timers formatet i funktionen.
- Tilsvarende er ' getMinutes() ”-metoden vil hente de aktuelle minutter.
- Derefter skal du oprette en variabel med navnet ' ap ” og juster den til am eller pm med hensyn til værdien af timer.
- I næste trin skal du transformere timerne til formatet ' 12 timer ' ved hjælp af ' % ” operatør for at få resten ved delingen inden 12.
- I den yderligere kode skal du anvende ' toString() '-metoden til at konvertere de beregnede minutter til en streng, og brug ' pathStart() ” metode til at udfylde den konverterede streng med 0, hvis det kun er et ciffer.
- Til sidst skal du flette den beregnede tid ved at tilføje henholdsvis de beregnede timer, minutter og formatet (am/pm) og vise det:
Produktion
Vi har konkluderet de tilgange, der kan bruges til at vise dato og klokkeslæt i 12 timers am/pm-format i JavaScript.
Konklusion
Det ' toLocaleString() 'metoden, ' toLocaleTimeString() '-metoden eller ' Inline Funktionen kan implementeres til at vise dato og klokkeslæt i 12 timers am/pm-format i JavaScript. Den første metode kan vælges til at vise det aktuelle klokkeslæt i det specifikke tidsformat, toLocaleTimeString()-metoden kan anvendes til at returnere standardtidspunktet i forhold til den angivne dato i det bestemte tidsformat, og Inline-funktionen kan implementeres til at anvende en betinget operatør til am/pm-formatet. Denne skrive-up kompilerede tilgange til at vise datetime i formatet 12 timer am/pm i JavaScript.