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.
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 );
var localeDateFormat = new Intl.DateTimeFormat( 'de', { day: '2-digit', month: '2-digit', year: 'numeric' } ).format; var datum = localeDateFormat( dateTime ); // Ergebnis: "08.04.2020"
var localeTimeFormat = new Intl.DateTimeFormat( 'de', { hour: '2-digit', minute: '2-digit' } ).format; var uhrzeit = localeTimeFormat( dateTime ); // Ergebnis: "09:23"
var localeDateFormat = new Intl.DateTimeFormat( 'en', { month: 'long', day: 'numeric', year: 'numeric' } ).format; var datum = localeDateFormat( dateTime ); // Ergebnis: "April 8, 2020"
var localeTimeFormat = new Intl.DateTimeFormat( 'en', { hour12: true, hour: 'numeric', minute: 'numeric' }).format; var uhrzeit = localeTimeFormat( dateTime ); // Ergebnis: "9:23 AM"