====== Länderspezifisches Zeitformat ======
Spätestens wenn es um das Thema Multilanguage (Mehrsprachigkeit) der Webseite geht kommt das Problem auf, dass auch das Datum und die Uhrzeit in dem länderspezifischen Format dargestellt werden muss.
===== Datum und Uhrzeit definieren =====
Für die folgenden Beispiele wird der Variable "dateTime" ein Datum sowie eine Uhrzeit zugewiesen:
var dateTime = new Date( '2020-04-08T09:23:37' );
Tipp: Wenn Datum und Uhrzeit aus PHP übergeben werden (z. B. über einen Ajax-Call) kann in PHP die Funktion "date( 'c');" verwendet werden, um das korrekte Format zu bekommen.
Alternativ ist auch die Übergabe eines unix-Timestamp möglich. Da JavaScript den Wert in Mikrosekunden benötigt muss dieser noch mit 1000 multipliziert werden:
var dateTime = new Date( 1586381820 * 1000 );
===== Beispiel der Darstellung für die Spracheingabe "deutsch" =====
==== Datum ====
var localeDateFormat = new Intl.DateTimeFormat( 'de', { day: '2-digit', month: '2-digit', year: 'numeric' } ).format;
var datum = localeDateFormat( dateTime ); // Ergebnis: "08.04.2020"
==== Uhrzeit ====
var localeTimeFormat = new Intl.DateTimeFormat( 'de', { hour: '2-digit', minute: '2-digit' } ).format;
var uhrzeit = localeTimeFormat( dateTime ); // Ergebnis: "09:23"
===== Beispiel der Darstellung für die Spracheingabe "englisch" =====
==== Datum ====
var localeDateFormat = new Intl.DateTimeFormat( 'en', { month: 'long', day: 'numeric', year: 'numeric' } ).format;
var datum = localeDateFormat( dateTime ); // Ergebnis: "April 8, 2020"
==== Uhrzeit ====
var localeTimeFormat = new Intl.DateTimeFormat( 'en', { hour12: true, hour: 'numeric', minute: 'numeric' }).format;
var uhrzeit = localeTimeFormat( dateTime ); // Ergebnis: "9:23 AM"