Heim > Web-Frontend > js-Tutorial > Wie formatiere ich ein JavaScript-Datetime-Objekt im 12-Stunden-AM/PM-Format?

Wie formatiere ich ein JavaScript-Datetime-Objekt im 12-Stunden-AM/PM-Format?

Mary-Kate Olsen
Freigeben: 2024-12-09 18:38:11
Original
481 Leute haben es durchsucht

How to Format a JavaScript Datetime Object in 12-Hour AM/PM Format?

JavaScript Datetime im 12-Stunden-AM/PM-Format formatieren

Um ein JavaScript-Datetime-Objekt im 12-Stunden-Format anzuzeigen, finden Sie hier eine einfache Anleitung effizient Ansatz:

Lösung:

function formatAMPM(date) {<br> // Stunden und Minuten aus dem Datumsobjekt extrahieren<br> var Stunden = date.getHours();<br> var seconds = date.getMinutes();</p><p>// Bestimmen AM/PM basierend auf Stunden<br> var ampm = Stunden >= 12 ? 'pm' : 'am';</p>
<p>// 24-Stunden-Format in 12-Stunden-Format konvertieren<br> Stunden = Stunden % 12;<br> Stunden = Stunden ? Stunden: 12; // Mitternacht als 12 Uhr behandeln</p>
<p>// Minuten so formatieren, dass sie für Stunden unter 10 eine führende Null enthalten<br> Minuten = Minuten < 10 ? '0' Minuten : Minuten;</p><p>// Konstruieren Sie die 12-Stunden-Zeitzeichenfolge und geben Sie sie zurück<br> var strTime = Stunden ':' Minuten ' ' ampm;<br> Rückgabe strTime;<br>}<br>

Verwendung:

Um diese Funktion zu verwenden, übergeben Sie einfach ein JavaScript-Datumsobjekt als Argument an die formatAMPM-Funktion. Beispiel:

var now = new Date();
console.log(formatAMPM(now));
Nach dem Login kopieren

Dadurch wird die aktuelle Uhrzeit im 12-Stunden-AM/PM-Format gedruckt, z. B. „21:30 Uhr“.

Das obige ist der detaillierte Inhalt vonWie formatiere ich ein JavaScript-Datetime-Objekt im 12-Stunden-AM/PM-Format?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage