Wie konvertiere ich ein Datum in UTC?

Angenommen, ein Benutzer Ihrer Website gibt einen Datumsbereich ein.

2009-1-1 to 2009-1-3

Sie müssen dieses Datum zur Verarbeitung an einen Server senden, aber der Server erwartet, dass alle Daten und Zeiten in UTC angegeben sind.

Angenommen, der Benutzer befindet sich in Alaska. Da sie sich in einer anderen Zeitzone als UTC befinden, muss der Datumsbereich in etwa so konvertiert werden:

2009-1-1T8:00:00 to 2009-1-4T7:59:59

Verwenden des JavaScripts Date Objekt, wie würden Sie den ersten “lokalisierten” Datumsbereich in etwas umwandeln, das der Server versteht?

Das toISOString() -Methode gibt eine Zeichenfolge im vereinfachten erweiterten ISO-Format zurück (ISO 8601), die immer 24 oder 27 Zeichen lang ist (YYYY-MM-DDTHH:mm:ss.sssZ oder ±YYYYYY-MM-DDTHH:mm:ss.sssZ, bzw). Die Zeitzone ist immer null UTC-Offset, wie durch das Suffix “Z“.

Quelle: MDN-Webdokumentation

Das benötigte Format wird mit erstellt .toISOString() Methode. Für ältere Browser (dh 8 und darunter), die diese Methode nicht nativ unterstützen, kann das Shim gefunden werden hier:

Dies gibt Ihnen die Möglichkeit, das zu tun, was Sie brauchen:

var isoDateString = new Date().toISOString();
console.log(isoDateString);

Für Zeitzonenarbeit, moment.js und moment.js Zeitzone sind wirklich unschätzbare Werkzeuge … insbesondere zum Navigieren in Zeitzonen zwischen Client- und Server-Javascript.

Meine Lösung hält das Datum gleich, egal welche Zeitzone auf der Clientseite eingestellt ist. Vielleicht findet es jemand nützlich.

Mein Anwendungsfall:

Ich erstelle eine Todo-App, in der Sie das Datum Ihrer Aufgabe festlegen. Dieses Datum sollte unabhängig von der Zeitzone, in der Sie sich befinden, konstant bleiben.

Beispiel. Sie möchten Ihren Freund am 25. Juni um 8 Uhr anrufen.

Sie erstellen diese Aufgabe 5 Tage vorher (20. Juni), während Sie in China sind.

Am selben Tag fliegst du dann für ein paar Tage nach New York.

Dann, am 25. Juni, während Sie noch in New York sind, wachen Sie um 7:30 Uhr auf (was bedeutet, dass Sie in 30 Minuten eine Aufgabenbenachrichtigung erhalten sollten (obwohl es in China, wo Sie beim Erstellen der Datei waren, bereits 13:30 Uhr ist). Aufgabe)

Die Aufgabe ignoriert also die Zeitzone. Es bedeutet „Ich möchte es um 8 Uhr in der Zeitzone machen, in der ich mich aufhalte“.

Was ich tue, ist sagen wir: „Ich nehme an, Sie befinden sich immer in der Londoner Zeitzone – UTC“.

Das bedeutet: Wenn der Benutzer ein Datum in seiner/ihrer Zeitzone auswählt, konvertiere ich dieses Datum in dasselbe Datum in UTC. dh. Sie wählen 8 Uhr morgens in China, aber ich konvertiere es in 8 Uhr morgens in UTC.

Dann – beim nächsten Öffnen der App – lese ich das in UTC gespeicherte Datum und konvertiere es in das gleiche Datum in Ihrer aktuellen Zeitzone – z. Ich konvertiere 8 Uhr in UTC in 8 Uhr in der New Yorker Zeitzone.

Diese Lösung bedeutet, dass das Datum etwas anderes bedeuten kann, je nachdem, wo Sie es einstellen und wo Sie es lesen, aber es bleibt so konstant, dass es sich anfühlt, als ob Sie sich immer in derselben Zeitzone befinden.

Lassen Sie uns etwas Code schreiben:

Erstens – wir haben 2 Hauptfunktionen zum Konvertieren von/nach UTC, wobei die Zeitzone ignoriert wird:

export function convertLocalDateToUTCIgnoringTimezone(date: Date) {
  const timestamp = Date.UTC(
    date.getFullYear(),
    date.getMonth(),
    date.getDate(),
    date.getHours(),
    date.getMinutes(),
    date.getSeconds(),
    date.getMilliseconds(),
  );

  return new Date(timestamp);
}

export function convertUTCToLocalDateIgnoringTimezone(utcDate: Date) {
  return new Date(
    utcDate.getUTCFullYear(),
    utcDate.getUTCMonth(),
    utcDate.getUTCDate(),
    utcDate.getUTCHours(),
    utcDate.getUTCMinutes(),
    utcDate.getUTCSeconds(),
    utcDate.getUTCMilliseconds(),
  );
}

Dann speichere/lese ich dieses Datum wie folgt:

function saveTaskDate(localDate: Date) {
  // I convert your local calendar date so it looks like you've picked it being in UTC somewhere around London
  const utcDate = convertLocalDateToUTCIgnoringTimezone(localDate);
  api.saveTaskDate(utcDate);
}

function readTaskDate(taskUtcDate: Date) {
  // I convert this UTC date to 'look in your local timezone' as if you were now in UTC somewhere around london
  const localDateWithSameDayAsUTC = convertUTCToLocalDateIgnoringTimezone(taskUtcDate);

  // this date will have the same calendar day as the one you've picked previously
  // no matter where you were saving it and where you are now
}

Hier ist meine Methode:

var now = new Date();
var utc = new Date(now.getTime() + now.getTimezoneOffset() * 60000);

Das Ergebnis utc Das Objekt ist nicht wirklich ein UTC-Datum, sondern ein lokales Datum, das verschoben wurde, um der UTC-Zeit zu entsprechen (siehe Kommentare). In der Praxis erfüllt es jedoch seinen Zweck.

Eine andere Lösung, um in UTC zu konvertieren und es als Datumsobjekt zu behalten: (Es funktioniert, indem der ‘GMT’-Teil vom Ende der formatierten Zeichenfolge entfernt und dann wieder in den Datumskonstruktor eingefügt wird.)

var now = new Date();
var now_utc = new Date(now.toUTCString().slice(0, -4));
console.log(now_utc)

Ich musste dies tun, um eine Schnittstelle zu einer Datetime-Picker-Bibliothek herzustellen. Aber im Allgemeinen ist es eine schlechte Idee, auf diese Weise mit Datumsangaben zu arbeiten.

Benutzer möchten im Allgemeinen mit Datetimes in ihrer Ortszeit arbeiten, also aktualisieren Sie entweder den serverseitigen Code, um Datetime-Strings mit Offsets korrekt zu analysieren, und konvertieren dann in UTC (beste Option) oder Sie konvertieren clientseitig in einen UTC-String, bevor Sie ihn an senden Server (wie in Will Sterns Antwort)