Heim > Web-Frontend > js-Tutorial > Wie kann ich JavaScript-Datumsangaben im 12-Stunden-AM/PM-Format formatieren?

Wie kann ich JavaScript-Datumsangaben im 12-Stunden-AM/PM-Format formatieren?

Susan Sarandon
Freigeben: 2024-12-02 04:46:15
Original
882 Leute haben es durchsucht

How Can I Format JavaScript Datetimes in 12-Hour AM/PM Format?

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

Bei der Arbeit mit Datums- und Uhrzeitdaten in JavaScript ist es oft notwendig, diese benutzerfreundlich anzuzeigen Format. Eine häufige Anforderung besteht darin, die Uhrzeit im 12-Stunden-AM/PM-Format zu formatieren. So kann dies erreicht werden:

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;
}

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

In dieser Funktion:

  1. Datum ist ein JavaScript-Datumsobjekt, das die zu formatierende Datums- und Uhrzeitangabe darstellt.
  2. Es wird abgerufen die Stunden und Minuten und bestimmt die AM/PM-Bezeichnung basierend auf der Uhrzeit.
  3. Der Stundenwert wird an die 12-Stunden-Uhr angepasst indem Sie den Modul von 12 nehmen und den Sonderfall von Mitternacht (0 Stunden) als 12 behandeln.
  4. Der Minutenwert wird bei Bedarf mit einer führenden Null formatiert.
  5. Die endgültige formatierte Zeit wird zurückgegeben als Zeichenfolge im Format „hh:mm AM/PM“.

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

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