Heim > Web-Frontend > js-Tutorial > Wie konvertiere ich UTC-Datum und -Uhrzeit in JavaScript und jQuery in Ortszeit?

Wie konvertiere ich UTC-Datum und -Uhrzeit in JavaScript und jQuery in Ortszeit?

Susan Sarandon
Freigeben: 2024-12-22 18:37:09
Original
831 Leute haben es durchsucht

How to Convert UTC Date and Time to Local Time in JavaScript and jQuery?

Konvertieren von UTC-Datumszeit in lokale Datumszeit

Wenn Sie eine Datums-/Uhrzeitvariable vom Server im UTC-Format empfangen, besteht die Notwendigkeit, diese zu konvertieren zur genauen Anzeige an die Browserzeitzone des aktuellen Benutzers angepasst. Dieses Handbuch bietet eine JavaScript- oder jQuery-basierte Lösung für diese Aufgabe.

JavaScript-Konvertierung

Um eine UTC-Datums-/Uhrzeitzeichenfolge in JavaScript zu konvertieren, befolgen Sie diese Schritte:

  1. Fügen Sie die Zeichenfolge „UTC“ an das Original an datetime:

  2. Erstellen Sie ein neues Datumsobjekt mit der geänderten Zeichenfolge:

  3. Das resultierende Datumsobjekt wird stellen das lokale Zeitäquivalent der ursprünglichen UTC dar datetime.

Beispiel:

utcDateTime = '6/29/2011 4:52:48 PM UTC';
date = new Date(utcDateTime);
Nach dem Login kopieren
The output `Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)` represents the local time in the user's browser, corresponding to 4:52:48 PM UTC.

**jQuery Conversion**

jQuery provides a similar method for UTC datetime conversion:

>```
var date = $.datepicker.parseDate('utc', '6/29/2011 4:52:48 PM UTC');
Nach dem Login kopieren

Die resultierende Datumsvariable enthält das Ortszeitäquivalent der UTC datetime.

Hinweis: Im gezeigten Beispiel wird davon ausgegangen, dass die Zeitzone des Benutzers Pacific ist Sommerzeit (PDT). Die tatsächlich angezeigte Ortszeit variiert je nach den Zeitzoneneinstellungen des Browsers des Benutzers.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich UTC-Datum und -Uhrzeit in JavaScript und jQuery in Ortszeit?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage