Wissensarchiv für Entwickler

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

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

<code javascript>
var dateTime = new Date( '2020-04-08T09:23:37' );
</code>


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

<code javascript>
var localeDateFormat = new Intl.DateTimeFormat( 'de', { day: '2-digit', month: '2-digit', year: 'numeric' } ).format;
var datum = localeDateFormat( dateTime ); // Ergebnis: "08.04.2020"
</code>

==== Uhrzeit ====

<code javascript>
var localeTimeFormat  =  new Intl.DateTimeFormat( 'de', { hour: '2-digit', minute: '2-digit' } ).format;
var uhrzeit = localeTimeFormat( dateTime ); // Ergebnis: "09:23"
</code>

===== Beispiel der Darstellung für die Spracheingabe "englisch" =====

==== Datum ====

<code javascript>
var localeDateFormat = new Intl.DateTimeFormat( 'en', { month: 'long', day: 'numeric', year: 'numeric' } ).format;
var datum = localeDateFormat( dateTime ); // Ergebnis: "April 8, 2020"
</code>

==== Uhrzeit ====

<code javascript>
var localeTimeFormat  =  new Intl.DateTimeFormat( 'en', { hour12: true, hour: 'numeric', minute: 'numeric' }).format;
var uhrzeit = localeTimeFormat( dateTime ); // Ergebnis: "9:23 AM"
</code>

Wissensarchiv für Entwickler

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge