====== 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"