Heim > Web-Frontend > js-Tutorial > Wie zeige ich JavaScript Datetime im 12-Stunden-AM/PM-Format an?

Wie zeige ich JavaScript Datetime im 12-Stunden-AM/PM-Format an?

Mary-Kate Olsen
Freigeben: 2024-12-31 19:32:16
Original
978 Leute haben es durchsucht

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

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

JavaScript bietet verschiedene Methoden zum Bearbeiten von Datum und Uhrzeit. Eine häufige Anforderung ist die Anzeige von Datums-/Uhrzeitobjekten in einem für Menschen lesbaren Format, insbesondere im 12-Stunden-AM/PM-Format. Dieses Format ist in vielen Ländern und Anwendungen weit verbreitet.

Lösung:

Um ein JavaScript-Datum/Uhrzeit-Objekt im 12-Stunden-AM/PM-Format anzuzeigen, können wir das verwenden Folgender Code:

function formatAMPM(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0' + minutes : minutes;
  var strTime = hours + ':' + minutes + ' ' + ampm;
  return strTime;
}
Nach dem Login kopieren

Diese Funktion nimmt ein JavaScript-Datumsobjekt als Eingabe und verarbeitet es als folgt:

  1. Extrahieren Sie die Stunden und Minuten.
  2. Bestimmen Sie anhand der Stunde, ob es AM oder PM ist.
  3. Konvertieren Sie die 24-Stunden-Zeit in die 12-Stunden-Zeit Zeit, indem Sie den Modul mit 12 nehmen.
  4. Behandeln Sie den Sonderfall, bei dem die Stunde 0 ist, indem Sie sie auf 12 setzen AM.
  5. Stellen Sie sicher, dass die Minuten immer im zweistelligen Format angezeigt werden.
  6. Kombinieren Sie die formatierten Stunden, Minuten und AM/PM in einer Zeichenfolge.

Mit dieser Funktion können Sie JavaScript-Datum/Uhrzeit-Objekte ganz einfach in für Menschen lesbare 12-Stunden-AM/PM-Zeichenfolgen konvertieren.

Das obige ist der detaillierte Inhalt vonWie zeige ich JavaScript Datetime im 12-Stunden-AM/PM-Format an?. 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