Wie zeige ich Datums- und Uhrzeitangaben im Gebietsschema des Benutzers mit Zeitversatz an?

Datum/Uhrzeit im Gebietsschema des Benutzers mit Zeitversatz anzeigen

In Webanwendungen kann der Umgang mit Datum und Uhrzeit über verschiedene Zeitzonen und Orte hinweg eine Herausforderung darstellen. Eine Voraussetzung besteht darin, Datumsangaben im bevorzugten Format des Benutzers anzuzeigen und an seine lokale Zeitzone anzupassen.

Um dies zu erreichen, empfiehlt es sich, Datumsangaben im UTC-Format (Coordinated Universal Time) auf dem Server zu speichern und dann JavaScript zu verwenden auf der Clientseite, um sie in das Gebietsschema und die Zeitzone des Benutzers zu konvertieren.

Erstellen eines UTC-Datumsobjekts

Der erste Schritt besteht darin, ein neues Datumsobjekt zu erstellen und Verwenden Sie die setUTC...-Methoden, um das gewünschte Datum und die gewünschte Uhrzeit in UTC einzustellen. Zum Beispiel:

d = new Date();
d.setUTCFullYear(2004);
d.setUTCMonth(1);
d.setUTCDate(29);
d.setUTCHours(2);
d.setUTCMinutes(45);
d.setUTCSeconds(26);

Dieser Code erstellt ein Datumsobjekt, das den 29. Februar 2004 um 2:45:26 UTC darstellt.

Datum/Uhrzeit lokalisieren

Sobald Sie ein UTC-Datumsobjekt haben, können Sie es mit den verschiedenen toLocale...String-Methoden in eine lokalisierte Zeichenfolge konvertieren.

• toLocaleString() gibt ein benutzerfreundliches Ergebnis zurück String-Darstellung des Datums und der Uhrzeit.
• toLocaleDateString() gibt nur den Datumsteil zurück.
• toLocaleTimeString() gibt nur den Zeitteil zurück.

console.log(d.toLocaleString());       // "Sat Feb 28 23:45:26 2004"
console.log(d.toLocaleDateString());   // "02/28/2004"
console.log(d.toLocaleTimeString());   // "23:45:26"

Durch die Verwendung von UTC-Daten und deren Konvertierung auf der Clientseite können Sie sicherstellen, dass Datumsangaben korrekt angezeigt werden und das bevorzugte Gebietsschema und die Zeitzone des Benutzers widerspiegeln.

Das obige ist der detaillierte Inhalt vonWie zeige ich Datums- und Uhrzeitangaben im Gebietsschema des Benutzers mit Zeitversatz an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!