Hvordan vise DateTime i topp 10 timers AM/PM -format i JavaScript?

Å vise datetime i et 12 timers AM/PM -format er relativt praktisk å bruke for å analysere tiden effektivt. Dessuten reduserer denne tilnærmingen forvirringen mellom morgen og kveld. For eksempel "morgen kveld”Begge definerer noen spesifikke tidsintervall, og man kan lett forholde seg til tiden som ikke er tilfelle i 24 -timersformatet.

Denne oppskrivningen vil forklare metodene for å vise datetime i formatet 12 timers AM/PM i JavaScript.

Hvordan vise datetime i formatet 12 timers AM/PM i JavaScript?

Følgende tilnærminger kan brukes for å vise datetime i formatet 12 timers AM/PM i JavaScript:

• “Tolocalestring ()”Metode.
• “tolocaletimestring ()”Metode.
• “På linje”Funksjon.

Tilnærming 1: Vis datetime i formatet 12 timers AM/PM i JavaScript ved hjelp av Tolocalestring () -metoden

“Tolocalestring ()”Metode returnerer et datoobjekt i form av en streng. Denne metoden kan brukes for å returnere gjeldende tid i det amerikanske språkformatet.

Syntaks

Dato.tolocalestring (lokaliteter, alternativer)

I den gitte syntaks,

• “Lokale”Henviser til det spesifikke språkformatet.
• “alternativer”Indikerer objektet som egenskapene kan tilordnes.

Eksempel
Først må du opprette et nytt datoobjekt ved å bruke "Ny dato ()”Konstruktør:

var time = ny dato ();

Nå, bruk “Tolocalestring ()”Metode med“OSS”Språkformat og datidens tildelte verdier som dens parametere. Her, “time12”Indikerer at timen vil vises i 12-timers format. Dette vil resultere i å vise gjeldende tid i USAs tidsformat:

konsoll.Logg (tid.tolocalestring ('en-oss', time: 'numerisk', minutt: 'numerisk', time12: true));

Produksjon

Tilnærming 2: Vis datetime i formatet 12 timers AM/PM i JavaScript ved hjelp av tolocaletimestring () -metoden

“tolocaletimestring ()”Metode returnerer tidsspennet 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 eksemplet, på samme måte, oppretter du et nytt datoobjekt ved å bruke “Ny dato ()”Konstruktør og spesifiser følgende dato som parameter i sekvensen til“år”,“måned”Og“dagHenholdsvis.

Etter det, bruk "tolocaletimestring ()”Metode med det spesifiserte tidsformatet som parameter som diskutert i forrige metode:

Const DateTime = Ny dato (2022, 1, 1).tolocaletimestring ('en-oss',
time: 'numerisk', minutt: 'numerisk', time12: sant
)

Til slutt, vis den tilsvarende tiden, noe som resulterer i standardtiden med hensyn til den angitte datoen:

konsoll.Logg (DateTime);

Produksjon

Tilnærming 3: Vis datetime i formatet 12 timers AM/PM i JavaScript ved hjelp av inline -funksjonen

Denne tilnærmingen kan implementeres for å bruke en betinget operatør på AM/PM -formatet.

Det undergitte eksemplet illustrerer det uttalte konseptet.

Eksempel

const dateTime = (dato) =>
La timer = dato.gethours ();
La minutter = dato.getminutes ();
La AP = timer> = 12 ? 'PM': 'Am';
timer = timer % 12;
timer = timer ? Timer: 12;
minutter = minutter.toString ().Padstart (2, '0');
La Mergetime = timer + ':' + minutter + " + ap;
Returner Mergetime;

konsoll.Logg (DateTime (ny dato (2022, 1, 1)));

I ovennevnte demonstrerte kode:

• Først, definere en “på linje”Funksjon som heter“dato tid()”. Denne funksjonen vil ta et datoobjekt som parameter.
• “gethours ()”Metode, i neste trinn, vil returnere den nåværende timen i 24-timers format i funksjonen.
• Tilsvarende "GetMinutes ()”Metoden vil hente de nåværende minuttene.
• Etter det, lag en variabel som heter “ap”Og juster den til AM eller PM med hensyn til verdien av timer.
• I neste trinn kan du transformere timene til formatet til "12-timers”Ved hjelp av“%”Operatør for å få resten på divisjonen innen 12.
• I den videre koden, bruk "toString ()”Metode for å konvertere de beregnede minuttene til en streng, og bruke“PadStart ()”Metode for å putte den konverterte strengen med 0 hvis den bare er ett siffer.
• Til slutt, slå sammen den beregnede tiden ved å legge til de beregnede timer, minutter og formatet (AM/PM) og vise det:

Produksjon

Vi har konkludert med tilnærmingene som kan brukes til å vise datetime i 12 timers AM/PM -format i JavaScript.

Konklusjon

“Tolocalestring ()”Metode,“tolocaletimestring ()”Metode eller“På linje”Funksjon kan implementeres for å vise DateTime 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 spesifiserte datoen i det aktuelle tidsformatet, og inline -funksjonen kan implementeres for å bruke en betinget operatør til AM/PM -formatet. Denne oppskrivningen kompilerte tilnærmingene for å vise datetime i formatet 12 timers AM/PM i JavaScript.