Benutzer-Werkzeuge

Webseiten-Werkzeuge


js:datetimeformat

Dies ist eine alte Version des Dokuments!


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.

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.

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"
js/datetimeformat.1587633220.txt.gz · Zuletzt geändert: 2020/04/23 11:13 von webproducer