So anzeigen Sie die DateTime im Top 10 -Stunden -AM/PM -Format in JavaScript an?

Das Anzeigen von DateTime in einem 12 -Stunden -AM/PM -Format ist vergleichsweise bequem, um die Zeit effektiv zu analysieren. Darüber hinaus verringert dieser Ansatz die Verwirrung zwischen Morgen und Abend. Zum Beispiel die “AM/PMBeide definieren ein bestimmtes Zeitintervall und man kann sich leicht auf die Zeit beziehen, die im 24 -Stunden -Format nicht der Fall ist.

In diesem Artikel werden die Methoden erläutert.

So anzeigen Sie die DateTime im Format von 12 Stunden AM/PM in JavaScript an?

Die folgenden Ansätze können angewendet werden, um die DateTime im Format von 12 Stunden AM/PM in JavaScript anzuzeigen:

• “Tolocalestring ()" Methode.
• “Tolocaletimestring ()" Methode.
• “Im Einklang”Funktion.

Ansatz 1: DateTime im Format von 12 Stunden AM/PM in JavaScript mit der Methode Tolocalestring () anzeigen

Der "Tolocalestring ()Die Methode gibt ein Datumsobjekt in Form einer Zeichenfolge zurück. Diese Methode kann angewendet werden, um die aktuelle Zeit im US -Sprachformat zurückzugeben.

Syntax

Datum.Tolocalestring (Orte, Optionen)

In der angegebenen Syntax,

• “Orte”Bezieht sich auf das spezifische Sprachformat.
• “Optionen”Zeigt das Objekt an, dem die Eigenschaften zugewiesen werden können.

Beispiel
Erstellen Sie zunächst ein neues Datumsobjekt mit der “neues Datum()" Konstrukteur:

var time = new Date ();

Wenden Sie nun das an “anTolocalestring ()”Methode mit der“UNSSprachformat und die zugewiesenen Werte der Zeit als Parameter. Hier, "Hour12”Zeigt an, dass die Stunde im 12-Stunden-Format angezeigt wird. Dies führt dazu, dass die aktuelle Zeit im US -Zeitformat angezeigt wird:

Konsole.Protokollzeit.tolocalestring ('en-us', stündlich: 'numerisch', minute: 'numerisch', stunde12: true));

Ausgang

Ansatz 2: Zeigen Sie die DateTime im Format von 12 Stunden AM/PM in JavaScript mit der Methode Tolocaletimestring () an

Der "Tolocaletimestring ()Die Methode gibt die Zeitspanne eines Datumsobjekts als Zeichenfolge zurück. Diese Methode kann ähnlich wie die Methode Tolocalestring () angewendet werden, indem die Standardzeit gegen das angegebene Datum zurückgegeben wird.

Beispiel
Erstellen Sie im folgenden Beispiel in ähnlicher Weise ein neues Datumsobjekt mit der “neues Datum()Konstruktor und geben Sie das folgende Datum als Parameter in der Abfolge von “anJahr","Monat" Und "Tag" bzw.

Danach anwenden Sie die “Tolocaletimestring ()Methode mit dem angegebenen Zeitformat als Parameter, wie in der vorherigen Methode erörtert:

const datetime = neues Datum (2022, 1, 1).tolocaletimestring ('en-us',
Stunde: 'numerisch', Minute: 'numerisch', Hour12: True
)

Schließlich zeigen Sie die entsprechende Zeit an, die zur Standardzeit in Bezug auf das angegebene Datum führt:

Konsole.log (datetime);

Ausgang

Ansatz 3: Zeigen Sie die DateTime im Format von 12 Stunden AM/PM in JavaScript mit der Inline -Funktion an

Dieser Ansatz kann implementiert werden, um einen bedingten Operator auf das AM/PM -Format anzuwenden.

Das folgende Beispiel zeigt das angegebene Konzept.

Beispiel

const datetime = (Datum) =>
lass Stunden = Datum.Gethours ();
lass Minuten = Datum.GetMinutes ();
Sei ap = Stunden> = 12 ? 'PM': 'Am';
Stunden = Stunden % 12;
Stunden = Stunden ? Stunden: 12;
Minuten = Minuten.tostring ().Padstart (2, '0');
lass mergetime = stunden + ':' + muthines + " + ap;
Mergetime zurückgeben;

Konsole.log (datetime (neues Datum (2022, 1, 1)));

Im obigen demonstrierten Code:

• Definieren Sie zuerst eine "im Einklang"Funktion benannt"Terminzeit()”. Diese Funktion nimmt ein Datumsobjekt als Parameter an.
• Der "Gethours ()Die Methode wird im nächsten Schritt die aktuelle Stunde im 24-Stunden-Format in der Funktion zurückgeben.
• In ähnlicher Weise die “GetMinutes ()Die Methode wird die aktuellen Minuten abrufen.
• Erstellen Sie danach eine Variable namens “AP”Und passen Sie es in Bezug auf den Wert von Stunden an AM oder PM ein.
• Verwandeln Sie im nächsten Schritt die Stunden in das Format von “12 Stunden"Mit Hilfe der"%Operator, um den Rest auf die Division um 12 zu bringen.
• Wenden Sie im weiteren Code die antostring ()Methode, um die berechneten Minuten in eine Zeichenfolge umzuwandeln und die „verwenden“padstart ()”Methode, um die konvertierte Zeichenfolge mit 0 zu padeln, wenn es nur eine Ziffer ist.
• Zusammenführen die berechnete Zeit, indem Sie die berechneten Stunden, Minuten und das Format (AM/PM) hinzufügen, und zeigen Sie sie an:

Ausgang

Wir haben zu dem Schluss gekommen, dass die Ansätze verwendet werden können, um die DateTime im 12 -Stunden -AM/PM -Format im JavaScript anzuzeigen.

Abschluss

Der "Tolocalestring ()”Methode, die“Tolocaletimestring ()”Methode oder die“Im EinklangDie Funktion kann implementiert werden, um die DateTime im 12 -Stunden -AM/PM -Format im JavaScript anzuzeigen. Die erste Methode kann entschieden werden, um die aktuelle Zeit im spezifischen Zeitformat anzuzeigen. Die Methode Tolocaletimestring () kann angewendet werden Ein bedingter Operator des AM/PM -Formats. In diesem Artikel wurde die Ansätze zusammengestellt.