Web-Frontendjs-TutorialWie konvertiere ich UTC-Datumszeit mithilfe von JavaScript in lokale Datumszeit?Wie konvertiere ich UTC-Datumszeit mithilfe von JavaScript in lokale Datumszeit?
Der Umgang mit Zeitzonen ist ein wichtiger Bestandteil jeder Webanwendung. Die vom Backend erfasste Zeit erfolgt normalerweise im UTC-Format. Wenn sie dem Benutzer jedoch angezeigt wird, muss sie in die Ortszeit des Benutzers umgerechnet werden. Dies kann über JavaScript erreicht werden. In diesem Blog erfahren Sie, wie Sie mithilfe von JavaScript die UTC-Datumszeit in die lokale Datumszeit umwandeln.
JavaScript-Datum
JavaScript enthält eine „Date“-Klasse, die es uns ermöglicht, mit Datums- und Uhrzeitangaben zu arbeiten. Die Date-Klasse enthält verschiedene Methoden zum Arbeiten mit Datums- und Uhrzeitangaben, einschließlich -
Date() – Gibt das aktuelle Datum und die aktuelle Uhrzeit in Millisekunden zurück. getTime() Gibt die aktuelle Uhrzeit in Millisekunden zurück
getUTCFulYear() – Gibt das Datum und Jahr in der UTC-Zeitzone zurück.
getUTCMonth() – Gibt den Datumsmonat in der UTC-Zeitzone zurück.
getUTCDate() – Gibt den Monat und den Tag eines Datums in der UTC-Zeitzone zurück.
getUTCHours() – Gibt die Datumsstunde in der UTC-Zeitzone zurück.
getUTCMinutes() – Gibt die Datumsminuten in der UTC-Zeitzone zurück.
getUTCSeconds() – Gibt die Sekunden eines Datums in der UTC-Zeitzone zurück.
UTC in Ortszeit umrechnen
Wir müssen die UTC-Datumszeit mit der Methode getTimezoneOffset() in die lokale Datumszeit umwandeln. Diese Methode gibt den Zeitunterschied in Minuten zwischen UTC und Ortszeit zurück. Diese Minutendifferenz kann dann verwendet werden, um die UTC-Datumszeit in eine lokale Datumszeit umzuwandeln.
Beispiel
Zum Beispiel konvertiert der folgende Code UTC-Datumszeit in lokale Datumszeit -
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
var utc = new Date();
var offset = utc.getTimezoneOffset();
var local = new Date(utc.getTime() + offset * 60000);
document.getElementById("result").innerHTML = local;
</script>
</body>
</html>
Wir sehen hier ein neues Datumsobjekt namens „utc“, das das aktuelle UTC-Datum und die aktuelle UTC-Uhrzeit enthält. Anschließend verwenden wir die Funktion getTimezoneOffset(), um den Zeitunterschied in Minuten zwischen UTC und Ortszeit zu berechnen. Abschließend berechnen wir die Ortszeit, indem wir diese Größe zur UTC-Zeit in Millisekunden addieren.
Ähnlich können wir ein angegebenes UTC-Datum und eine lokale Datumszeit umwandeln. Um dasselbe zu erreichen, geben Sie einfach das UTC-Datum und die UTC-Uhrzeit als Parameter an die Date()-Funktion Object() { [nativer Code] } an. Sehen wir uns den Code zum Konvertieren einer UTC-Datumszeit von „2018-11-12 12:00:00“ in eine lokale Datumszeit an −
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Date Example</title>
</head>
<body>
<div id="result"></div>
<script>
var utc = new Date("2018-11-12 12:00:00");
var offset = utc.getTimezoneOffset();
var local = new Date(utc.getTime() + offset * 60000);
document.getElementById("result").innerHTML = "UTC : " + utc + "<br>" + "Local : " + local;
</script>
</body>
</html>
Wir haben das UTC-Datum und die UTC-Uhrzeit als Strings an den Date()-Konstruktor übergeben. Anschließend konvertieren wir die UTC-Datumszeit in die lokale Datumszeit mit der gleichen Methode wie zuvor.
Ortszeit in UTC umrechnen
Wie können wir nun von der Ortszeit in die UTC-Zeit umrechnen, indem wir noch einmal die Methode getTimezoneOffset() verwenden, da diese Funktion den Zeitunterschied in Minuten zwischen UTC und der Ortszeit zurückgibt Die Differenznummer kann verwendet werden, um die lokale Datumszeit in die UTC-Datumszeit umzurechnen.
Beispiel
Zum Beispiel konvertiert der folgende Code die lokale Datumszeit in UTC-Datumszeit –
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
var local = new Date();
var offset = local.getTimezoneOffset();
var utc = new Date(local.getTime() - offset * 60000);
document.getElementById("result").innerHTML = utc;
</script>
</body>
</html>
Im obigen Code erstellen wir zunächst ein neues Datumsobjekt mit dem Namen „local“, das das aktuelle lokale Datum und die aktuelle Uhrzeit enthält. Anschließend verwenden wir die Methode getTimezoneOffset(), um den Zeitunterschied in Minuten zwischen UTC und Ortszeit zu ermitteln. Nachdem wir diesen Wert von der Ortszeit in Millisekunden subtrahiert haben, erhalten wir die UTC-Zeit.
Wir können auch eine bestimmte lokale Datumszeit in eine UTC-Datumszeit umwandeln, indem wir das lokale Datum und die lokale Uhrzeit als Argumente an den Date()-Konstruktor übergeben. Der folgende Code konvertiert beispielsweise eine lokale Datumszeit von „2018-11-12“. 12:00:00" in die UTC-Datumszeit −
Beispiel
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
var local = new Date("2018-11-12 12:00:00");
var offset = local.getTimezoneOffset();
var utc = new Date(local.getTime() - offset * 60000);
document.getElementById("result").innerHTML = utc;
</script>
</body>
</html>
Wir übergeben das lokale Datum und die lokale Uhrzeit als String an den Date()-Konstruktor. Anschließend konvertieren wir die lokale Datumszeit mit der gleichen Methode wie zuvor in UTC-Datumszeit.
Fazit
In diesem Tutorial haben wir gelernt, wie man UTC-Datumszeit mithilfe von JavaScript in lokale Datumszeit konvertiert. Wir haben auch erfahren, dass die JavaScript-Date-Klasse verschiedene Methoden für die Arbeit mit Datums- und Uhrzeitangaben bereitstellt, z. B. getTimezoneOffset(), mit der UTC-Datumszeit in lokale Datumszeit konvertiert werden kann. In diesem Blog haben wir auch gelernt, wie man mit derselben Methode lokale Datums- und Uhrzeitangaben in UTC-Datumsangaben umwandelt. Es ist wichtig zu beachten, dass der Umgang mit Zeitzonen ein wichtiger Aspekt jeder Webanwendung ist und dass es auch wichtig ist, Zeiten korrekt umzurechnen, damit sie dem Benutzer korrekt angezeigt werden.
Das obige ist der detaillierte Inhalt vonWie konvertiere ich UTC-Datumszeit mithilfe von JavaScript in lokale Datumszeit?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Erstellen einer SaaS-Anwendung mit mehreren Mietern mit Next.js (Backend Integration)Apr 11, 2025 am 08:23 AMIch habe eine funktionale SaaS-Anwendung mit mehreren Mandanten (eine EdTech-App) mit Ihrem täglichen Tech-Tool erstellt und Sie können dasselbe tun. Was ist eine SaaS-Anwendung mit mehreren Mietern? Mit Multi-Tenant-SaaS-Anwendungen können Sie mehrere Kunden aus einem Sing bedienen
So erstellen Sie eine SaaS-Anwendung mit mehreren Mietern mit Next.js (Frontend Integration)Apr 11, 2025 am 08:22 AMDieser Artikel zeigt die Frontend -Integration mit einem Backend, das durch die Genehmigung gesichert ist und eine funktionale edtech SaaS -Anwendung unter Verwendung von Next.js. erstellt. Die Frontend erfasst Benutzerberechtigungen zur Steuerung der UI-Sichtbarkeit und stellt sicher, dass API-Anfragen die Rollenbasis einhalten
JavaScript: Erforschung der Vielseitigkeit einer WebspracheApr 11, 2025 am 12:01 AMJavaScript ist die Kernsprache der modernen Webentwicklung und wird für seine Vielfalt und Flexibilität häufig verwendet. 1) Front-End-Entwicklung: Erstellen Sie dynamische Webseiten und einseitige Anwendungen durch DOM-Operationen und moderne Rahmenbedingungen (wie React, Vue.js, Angular). 2) Serverseitige Entwicklung: Node.js verwendet ein nicht blockierendes E/A-Modell, um hohe Parallelitäts- und Echtzeitanwendungen zu verarbeiten. 3) Entwicklung von Mobil- und Desktop-Anwendungen: Die plattformübergreifende Entwicklung wird durch reaktnative und elektronen zur Verbesserung der Entwicklungseffizienz realisiert.
Die Entwicklung von JavaScript: Aktuelle Trends und ZukunftsaussichtenApr 10, 2025 am 09:33 AMZu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.
Entmystifizieren JavaScript: Was es tut und warum es wichtig istApr 09, 2025 am 12:07 AMJavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.
Ist Python oder JavaScript besser?Apr 06, 2025 am 12:14 AMPython eignet sich besser für Datenwissenschaft und maschinelles Lernen, während JavaScript besser für die Entwicklung von Front-End- und Vollstapel geeignet ist. 1. Python ist bekannt für seine prägnante Syntax- und Rich -Bibliotheks -Ökosystems und ist für die Datenanalyse und die Webentwicklung geeignet. 2. JavaScript ist der Kern der Front-End-Entwicklung. Node.js unterstützt die serverseitige Programmierung und eignet sich für die Entwicklung der Vollstapel.
Wie installiere ich JavaScript?Apr 05, 2025 am 12:16 AMJavaScript erfordert keine Installation, da es bereits in moderne Browser integriert ist. Sie benötigen nur einen Texteditor und einen Browser, um loszulegen. 1) Führen Sie sie in der Browser -Umgebung durch, indem Sie die HTML -Datei durch Tags einbetten. 2) Führen Sie die JavaScript -Datei nach dem Herunterladen und Installieren von node.js nach dem Herunterladen und Installieren der Befehlszeile aus.
Wie sende ich Benachrichtigungen, bevor eine Aufgabe in Quartz beginnt?Apr 04, 2025 pm 09:24 PMSo senden Sie im Voraus Aufgabenbenachrichtigungen in Quartz Wenn der Quartz -Timer eine Aufgabe plant, wird die Ausführungszeit der Aufgabe durch den Cron -Ausdruck festgelegt. Jetzt...
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
MinGW – Minimalistisches GNU für Windows
Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.
PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
SublimeText3 Englische Version
Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
