In dit artikel worden de methoden uitgelegd om datetime weer te geven in het formaat van 12 uur am/pm in JavaScript.
Hoe DateTime weergeven in het formaat van 12 uur AM / PM in JavaScript?
De volgende benaderingen kunnen worden toegepast om datetime weer te geven in het formaat van 12 uur am/pm in JavaScript:
- “ toLocaleString() Methode.
- “ toLocaleTimeString() Methode.
- “ In lijn Functie.
Benadering 1: Geef DateTime weer in het formaat van 12 uur AM / PM in JavaScript met behulp van de toLocaleString()-methode
De ' toLocaleString() ”-methode retourneert een datumobject in de vorm van een tekenreeks. Deze methode kan worden toegepast om de huidige tijd in het Amerikaanse taalformaat te retourneren.
Syntaxis
Datum . naarLocaleString ( lokaal , opties )
In de gegeven syntaxis,
- “ lokaal ” verwijst naar het specifieke taalformaat.
- “ opties ” geeft het object aan waaraan de eigenschappen kunnen worden toegewezen.
Voorbeeld
Maak eerst een nieuw datumobject met de ' nieuwe datum() ” constructeur:
Pas nu de ' toLocaleString() ” methode met de “ ONS ” taalformaat en de toegewezen waarden van de tijd als parameters. Hier, ' uur12 ” geeft aan dat het uur wordt weergegeven in het 12-uurs formaat. Dit zal resulteren in het weergeven van de huidige tijd in Amerikaanse tijdnotatie:
troosten. loggen ( tijd. naarLocaleString ( 'in ons' , { uur : 'numeriek' , minuut : 'numeriek' , uur12 : WAAR } ) ) ;
Uitgang:
Benadering 2: Geef DateTime weer in het formaat van 12 uur AM / PM in JavaScript met behulp van de toLocaleTimeString()-methode
De ' toLocaleTimeString() ”-methode retourneert de tijdspanne van een datumobject als een tekenreeks. Deze methode kan op dezelfde manier worden toegepast als de methode toLocaleString() door de standaardtijd te retourneren voor de opgegeven datum.
Voorbeeld
Maak in het volgende voorbeeld op dezelfde manier een nieuw datumobject met behulp van de ' nieuwe datum() ” constructor en specificeer de volgende datum als parameter in de volgorde van “ jaar ”, “ maand ' en ' dag ” respectievelijk.
Pas daarna de “ toLocaleTimeString() ”-methode met het gespecificeerde tijdformaat als parameter zoals besproken in de vorige methode:
const datum Tijd = nieuwe Datum ( 2022 , 1 , 1 ) . naarLocaleTimeString ( 'in ons' , {uur : 'numeriek' , minuut : 'numeriek' , uur12 : WAAR
} )
Geef ten slotte de overeenkomstige tijd weer die resulteert in de standaardtijd met betrekking tot de opgegeven datum:
troosten. loggen ( datum Tijd ) ;Uitgang:
Benadering 3: Geef DateTime weer in het formaat van 12 uur AM / PM in JavaScript met behulp van de inline-functie
Deze benadering kan worden geïmplementeerd om een voorwaardelijke operator toe te passen op het am/pm-formaat.
Het onderstaande voorbeeld illustreert het genoemde concept.
Voorbeeld
const datum Tijd = ( datum ) => {laat uren = datum. getHours ( ) ;
laat minuten = datum. getMinutes ( ) ;
laat ap = uur >= 12 ? 'p.m' : 'ben' ;
uur = uur % 12 ;
uur = uur ? uur : 12 ;
minuten = minuten. toString ( ) . padStart ( twee , '0' ) ;
laat gaanTijd = uur + ':' + minuten + ' ' + ap ;
opbrengst mergeTime ;
}
troosten. loggen ( datum Tijd ( nieuwe Datum ( 2022 , 1 , 1 ) ) ) ;
In de hierboven gedemonstreerde code:
- Definieer eerst een ' in lijn ” functie met de naam “ datum Tijd() ”. Deze functie neemt een datumobject als parameter.
- De ' getHours() ” zal in de volgende stap het huidige uur retourneren in de 24-uurs notatie in de functie.
- Zo ook de “ getMinuten() ”-methode haalt de huidige minuten op.
- Maak daarna een variabele met de naam ' ap ” en pas het aan naar am of pm met betrekking tot de waarde van uren.
- Transformeer in de volgende stap de uren naar het formaat van “ 12 uur ” met behulp van de “ % ” operator voor het verkrijgen van de rest bij deling door 12.
- Pas in de verdere code de ' toString() ” methode om de berekende minuten om te zetten in een string, en gebruik de “ padStart() ” om de geconverteerde tekenreeks met 0 op te vullen als het maar één cijfer is.
- Voeg ten slotte de berekende tijd samen door respectievelijk de berekende uren, minuten en het formaat (am/pm) toe te voegen en weer te geven:
Uitgang:
We hebben de benaderingen geconcludeerd die kunnen worden gebruikt om datetime weer te geven in 12-uurs am/pm-formaat in JavaScript.
Conclusie
De ' toLocaleString() ” methode, de “ toLocaleTimeString() ”-methode of de “ In lijn ”-functie kan worden geïmplementeerd om datetime weer te geven in 12-uurs am/pm-formaat in JavaScript. De eerste methode kan worden gekozen om de huidige tijd in de specifieke tijdnotatie weer te geven, de toLocaleTimeString()-methode kan worden toegepast om de standaardtijd met betrekking tot de opgegeven datum in de specifieke tijdnotatie te retourneren en de Inline-functie kan worden geïmplementeerd om toe te passen een voorwaardelijke operator voor het am/pm-formaat. Dit artikel verzamelde de benaderingen om datetime weer te geven in het formaat van 12 uur am / pm in JavaScript.