Wie konvertiert man ein JavaScript-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, der Server erwartet jedoch, dass alle Daten und Zeiten in UTC vorliegen.

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

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

Wie würden Sie mit dem JavaScript-Datumsobjekt den ersten "lokalisierten" Datumsbereich in etwas konvertieren, das der Server versteht?

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

Quelle: MDN-Webdokumente

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

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

var isoDate = new Date('yourdatehere').toISOString();

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

Einfach und dumm

var date = new Date(); 
var now_utc =  Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(),
 date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());

 return new Date(now_utc);

Hier ist meine Methode:

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

Das resultierende utcObjekt ist nicht wirklich ein UTC-Datum, sondern ein lokales Datum, das an die UTC-Zeit angepasst wurde (siehe Kommentare). In der Praxis macht es jedoch den Job.

Date.prototype.toUTCArray= function(){
    var D= this;
    return [D.getUTCFullYear(), D.getUTCMonth(), D.getUTCDate(), D.getUTCHours(),
    D.getUTCMinutes(), D.getUTCSeconds()];
}

Date.prototype.toISO= function(){
    var tem, A= this.toUTCArray(), i= 0;
    A[1]+= 1;
    while(i++<7){
        tem= A[i];
        if(tem<10) A[i]= '0'+tem;
    }
    return A.splice(0, 3).join('-')+'T'+A.join(':');    
}

In ISO konvertieren, ohne Datum / Uhrzeit zu ändern

var now = new Date(); // Fri Feb 20 2015 19:29:31 GMT+0530 (India Standard Time) 
var isoDate = new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString();
//OUTPUT : 2015-02-20T19:29:31.238Z

Konvertieren in ISO mit Änderung von Datum / Uhrzeit (Datum / Uhrzeit werden geändert)

isoDate = new Date(now).toISOString();
//OUTPUT : 2015-02-20T13:59:31.238Z 

Geigenlink

Browser können abweichen, und Sie sollten auch daran denken, den vom Client generierten Informationen nicht zu vertrauen. Die folgende Anweisung funktioniert jedoch für mich (Google Chrome v24 unter Mac OS X 10.8.2).

var utcDate = new Date(new Date().getTime());

edit: "Wie ist das anders als nur new Date()?" siehe hier: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

• Wenn keine Argumente angegeben werden, erstellt der Konstruktor gemäß den Systemeinstellungen ein JavaScript-Datumsobjekt für das aktuelle Datum und die aktuelle Uhrzeit.
• Hinweis: Wenn Date als Konstruktor mit mehr als einem Argument aufgerufen wird, stehen die angegebenen Argumente für die Ortszeit. Wenn UTC gewünscht wird, verwenden Sie ein neues Datum ( Date.UTC (...) ) mit denselben Argumenten. (Hinweis: Date.UTC () gibt die Anzahl der Millisekunden seit 1970-01-01 00:00:00 UTC zurück.)

Das Hinzufügen des 60000 * Date.getTimezoneOffset (), wie in den vorherigen Antworten angegeben, ist falsch. Zunächst müssen Sie sich alle Daten / Zeiten als UTC mit einem Zeitzonenmodifikator für Anzeigezwecke vorstellen.

Auch hier können sich die Browser unterscheiden. Date.getTime () gibt jedoch die Anzahl der Millisekunden seit dem 01.01.1970 UTC / GMT zurück. Wenn Sie wie oben beschrieben ein neues Datum mit dieser Nummer erstellen, ist dies UTC / GMT. Wenn Sie es jedoch durch Aufrufen von .toString () anzeigen, wird es in Ihrer lokalen Zeitzone angezeigt, da .toString () Ihre lokale Zeitzone verwendet und nicht die Zeitzone des Date-Objekts, für das es aufgerufen wird.

Ich habe auch festgestellt, dass, wenn Sie .getTimezoneOffset () an einem Datum aufrufen, Ihre lokale Zeitzone zurückgegeben wird, nicht die Zeitzone des Datumsobjekts, für das Sie es aufgerufen haben (ich kann dies jedoch nicht als Standard überprüfen).

Wenn Sie in meinem Browser 60000 * Date.getTimezoneOffset () hinzufügen, wird eine DateTime erstellt, die nicht UTC ist . Wenn es jedoch in meinem Browser angezeigt wird (z. B. .toString ()), wird in meiner lokalen Zeitzone eine DateTime angezeigt, die der UTC-Zeit entspricht, wenn die Zeitzoneninformationen ignoriert werden.

var myDate = new Date(); // Set this to your date in whichever timezone.
var utcDate = myDate.toUTCString();

Eine andere Lösung, um in UTC zu konvertieren und es als Datumsobjekt zu behalten: (Es entfernt den 'GMT'-Teil vom Ende der formatierten Zeichenfolge und setzt ihn dann wieder in den Datumskonstruktor ein.)

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

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

Benutzer möchten im Allgemeinen mit Datumsangaben in ihrer Ortszeit arbeiten. Aktualisieren Sie daher entweder den serverseitigen Code, um Datums- / Uhrzeitzeichenfolgen mit Offsets korrekt zu analysieren, und konvertieren Sie sie dann in UTC (beste Option) oder konvertieren Sie sie clientseitig in eine UTC-Zeichenfolge, bevor Sie sie an senden Server (wie in Will Sterns Antwort)

Versuchen Sie, das Datum in eine solche Zeichenfolge umzuwandeln?

Ich würde eine Funktion dafür erstellen und sie, obwohl sie etwas umstritten ist, dem Date-Prototyp hinzufügen. Wenn Sie damit nicht vertraut sind, können Sie es als eigenständige Funktion verwenden und das Datum als Parameter übergeben.

Date.prototype.getISOString = function() {
    var zone = '', temp = -this.getTimezoneOffset() / 60 * 100;
    if (temp >= 0) zone += "+";
    zone += (Math.abs(temp) < 100 ? "00" : (Math.abs(temp) < 1000 ? "0" : "")) + temp;

    // "2009-6-4T14:7:32+10:00"
    return this.getFullYear()   // 2009
         + "-"
         + (this.getMonth() + 1) // 6
         + "-"
         + this.getDate()       // 4
         + "T"
         + this.getHours()      // 14
         + ":"
         + this.getMinutes()    // 7
         + ":"
         + this.getSeconds()    // 32
         + zone.substr(0, 3)    // +10
         + ":"
         + String(temp).substr(-2) // 00
    ;
};

Wenn Sie es in UTC-Zeit benötigt haben, ersetzen Sie einfach alle get * -Funktionen durch getUTC *, z. B.: GetUTCFullYear, getUTCMonth, getUTCHours ... und fügen Sie am Ende einfach "+00: 00" anstelle des Zeitzonenversatzes des Benutzers hinzu.

date = '2012-07-28'; stringdate = new Date(date).toISOString();

sollte in den meisten neueren Browsern funktionieren. es kehrt 2012-07-28T00:00:00.000Zunter Firefox 6.0 zurück

Meine Empfehlung bei der Arbeit mit Datumsangaben ist, das Datum aus Benutzereingaben in einzelne Felder zu analysieren. Sie können es als volle Saite verwenden, aber Sie spielen mit dem Feuer.

JavaScript kann zwei gleiche Daten in unterschiedlichen Formaten unterschiedlich behandeln.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse

Mach niemals so etwas wie:

new Date('date as text');

Erstellen Sie ein Datumsobjekt, nachdem Sie Ihr Datum aus Benutzereingaben in die einzelnen Felder analysiert haben. Sobald das Datumsobjekt erstellt wurde, konvertieren Sie es in UTC, indem Sie den Zeitzonenversatz hinzufügen. Ich kann nicht betonen, wie wichtig es ist, den Versatz vom Datumsobjekt aufgrund der Sommerzeit zu verwenden (dies ist jedoch eine weitere Diskussion, um zu zeigen, warum).

var year = getFullYear('date as text');
var month = getMonth('date as text');
var dayOfMonth = getDate('date as text');

var date = new Date(year, month, dayOfMonth);

var offsetInMs = ((date.getTimezoneOffset() * 60)  // Seconds
                 * 1000);                          //  Milliseconds

var utcDate = new Date(date.getTime + offsetInMs);

Jetzt können Sie das Datum in UTC-Zeit an den Server übergeben. Auch hier würde ich dringend empfehlen, keine Datumszeichenfolgen zu verwenden. Übergeben Sie es entweder an den Server, der auf die niedrigste Granularität heruntergebrochen ist, die Sie benötigen, z. B. Jahr, Monat, Tag, Minute oder als Wert wie Millisekunden aus der Unix-Epoche.

Wenn Sie viel mit Daten zu tun haben, lohnt es sich, moment.js ( http://momentjs.com ) zu verwenden. Die Methode zur Konvertierung in UTC wäre:

moment(yourTime).utc()

Sie können das Format verwenden, um Ihr Datum in ein beliebiges Format zu ändern:

moment(yourTime).utc().format("YYYY-MM-DD")

Momentan gibt es auch Offset-Optionen, aber es gibt eine zusätzliche ergänzende Bibliothek für den Umgang mit Zeitzonen ( http://momentjs.com/timezone/ ). Die Zeitumrechnung wäre so einfach:

moment.tz(yourUTCTime, "America/New_York")

Meine Lösung behält das Datum bei, unabhängig davon, 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 morgens anrufen.

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

Am selben Tag fliegen Sie dann für einige 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 innerhalb von 30 Minuten eine Benachrichtigung über die Aufgabe erhalten sollten (obwohl es bereits 13:30 Uhr in China ist, wo Sie sich bei der Erstellung des waren Aufgabe)

Die Aufgabe ignoriert also die Zeitzone. Es bedeutet "Ich möchte es um 8 Uhr morgens in der Zeitzone tun, in der ich mich befinde".

Ich sage: "Ich nehme an, Sie sind immer in der Londoner Zeitzone - UTC."

Was es bedeutet ist - wenn der Benutzer ein Datum in seiner Zeitzone auswählt - konvertiere ich dieses Datum in das gleiche Datum in UTC. dh. Sie wählen 8 Uhr in China, aber ich konvertiere es in 8 Uhr 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. Es bleibt jedoch so konstant, dass es sich so anfühlt, als ob Sie sich immer in derselben Zeitzone befinden.

Schreiben wir einen Code:

Erstens - wir haben zwei 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
}

Ich habe gerade entdeckt, dass die 1.2.3-Version von Steven Levithans date.format.js genau das tut, was ich will. Sie können eine Formatzeichenfolge für ein JavaScript-Datum angeben und diese von der Ortszeit in UTC konvertieren. Hier ist der Code, den ich jetzt verwende:

// JavaScript dates don't like hyphens!    
var rectifiedDateText = dateText.replace(/-/g, "/");
var d = new Date(rectifiedDateText);

// Using a predefined mask from date.format.js.
var convertedDate = dateFormat(d, 'isoUtcDateTime'); 

Ich habe festgestellt, dass das Parsen des jQuery Globalization Plugin- Datums am besten funktioniert. Andere Methoden hatten browserübergreifende Probleme und Dinge wie date.js wurden seit einiger Zeit nicht mehr aktualisiert.

Sie benötigen auch keinen datePicker auf der Seite. Sie können einfach etwas Ähnliches wie das in den Dokumenten angegebene Beispiel aufrufen:

$.parseDate('yy-mm-dd', '2007-01-26');

Diese Funktion funktioniert wunderbar für mich.

function ParseDateForSave(dateValue) {
    // create a new date object
    var newDate = new Date(parseInt(dateValue.substr(6)));

    // return the UTC version of the date
    return newDate.toISOString();
}

Verwenden der UTC-Methode moment.js ;

const moment = require('moment');
const utc = moment.utc(new Date(string));

var userdate = new Date("2009-1-1T8:00:00Z");
var timezone = userdate.getTimezoneOffset();
var serverdate = new Date(userdate.setMinutes(userdate.getMinutes()+parseInt(timezone)));

Dadurch erhalten Sie das richtige UTC-Datum und die richtige UTC-Uhrzeit.
Das liegt daran getTimezoneOffset(), dass Sie den Zeitzonenunterschied in Minuten erhalten. Ich empfehle Ihnen, dies nicht zu verwenden, toISOString()da sich die Ausgabe in der Zeichenfolge befindet. Daher können Sie das Datum in Zukunft nicht mehr ändern

Das habe ich in der Vergangenheit getan:

var utcDateString = new Date(new Date().toUTCString()).toISOString();

Wenn Sie ein Datumsobjekt benötigen

Nur Datumszeichenfolge übergeben Datum setzt voraus, dass die Zeit um 00:00 Uhr nach Zeitzone verschoben ist:

new Date('2019-03-11')
Sun Mar 10 2019 18:00:00 GMT-0600 (Central Standard Time)

Wenn Sie aktuelle Stunden und Minuten hinzufügen, erhalten Sie das richtige Datum:

new Date('2019-03-11 ' + new Date().getHours() + ':' + new Date().getMinutes())
Mon Mar 11 2019 04:36:00 GMT-0600 (Central Standard Time)

Wenn Sie sich Ihre Frage ansehen, ist klar, dass Sie nur den Datumsbereich zur weiteren Nachbearbeitung an Ihr Backend senden möchten.

Ich gehe davon aus, dass Sie die Standarddatenrichtlinien einhalten, die erwarten, dass die Daten in einem bestimmten Format vorliegen. Zum Beispiel verwende ich ODATA, eine RESTfull-API, die erwartet, dass Datums- und Uhrzeitobjekte das folgende Format haben:

JJJJ-MM-TTT00: 00: 00.

Dies kann leicht über das unten angegebene Snippet erreicht werden (Bitte ändern Sie das Format gemäß Ihren Anforderungen).

var mydate;//assuming this is my date object which I want to expose var UTCDateStr = mydate.getUTCFullYear() + "-" + mydate.getUTCMonth() + "-" + mydate.getUTCDate() + "T00:00:00";

Wenn Sie sich andererseits in einer Situation befinden, in der Sie ein Datum von Ihrem Backend erhalten haben und der Browser dieses in Ihr lokales Datum konvertiert. Wenn Sie dagegen am UTC-Datum interessiert sind, können Sie Folgendes ausführen: -

var mydate;//assuming this is my date object which I want to expose var UTCDate = new Date(mydate);/*create a copy of your date object. Only needed if you for some reason need the original local date*/ UTCDate.setTime(UTCDate.getTime() + UTCDate.getTimezoneOffset() * 60 * 1000);

Das obige Code-Snippet addiert / subtrahiert im Wesentlichen die vom Browser addierte / subtrahierte Zeit basierend auf der Zeitzone.

Wenn ich mich beispielsweise in EST (GMT-5) befinde und mein Dienst ein Datums- / Uhrzeitobjekt zurückgibt = Mi Aug 17 2016 00:00:00 GMT-0500, subtrahiert mein Browser automatisch den Zeitzonenversatz (5 Stunden), um meine Ortszeit zu erhalten. Wenn ich also versuche, die Zeit abzurufen, bekomme ich Mi Aug 16 2016 19:00:00 GMT-0500. Dies verursacht viele Probleme. Es gibt viele Bibliotheken, die dies definitiv einfacher machen, aber ich wollte den reinen JS-Ansatz teilen.

Weitere Informationen finden Sie unter: http://praveenlobo.com/blog/how-to-convert-javascript-local-date-to-utc-and-utc-to-local-date/ woher ich meine habe Inspiration.

Hoffe das hilft!

Diese Methode gibt Ihnen: 2017-08-04T11:15:00.000+04:30und Sie können die Zonenvariable ignorieren , um sie einfach abzurufen 2017-08-04T11:15:00.000.

function getLocalIsoDateTime(dtString) {
    if(dtString == "")
        return "";
    var offset = new Date().getTimezoneOffset();
    var localISOTime = (new Date(new Date(dtString) - offset * 60000 /*offset in milliseconds*/)).toISOString().slice(0,-1);
    //Next two lines can be removed if zone isn't needed.
    var absO = Math.abs(offset);
    var zone = (offset < 0 ? "+" : "-") + ("00" + Math.floor(absO / 60)).slice(-2) + ":" + ("00" + (absO % 60)).slice(-2);
    return localISOTime + zone;
}

Mit dem Moment-Paket können Sie einfach eine Datumszeichenfolge von UTC in ein neues Datumsobjekt konvertieren:

const moment = require('moment');
let b = new Date(moment.utc('2014-02-20 00:00:00.000000'));
let utc = b.toUTCString();
b.getTime();

Dies ist besonders hilfreich, wenn Ihr Server die Zeitzone nicht unterstützt und Sie das UTC-Datum immer auf dem Server speichern und als neues Datumsobjekt zurückerhalten möchten. Der obige Code hat für meine Anforderung eines ähnlichen Problems funktioniert, für das dieser Thread bestimmt ist. Hier teilen, damit es anderen helfen kann. Ich sehe in keiner Antwort genau die obige Lösung. Vielen Dank.

const event = new Date ();

console.log (event.toUTCString ());

Ich weiß, dass diese Frage alt ist, aber ich habe mich mit demselben Problem befasst. Eine Option wäre, stattdessen date.valueOf () an den Server zu senden. Die Funktion valueOf () des Javascript-Datums sendet die Anzahl der Millisekunden seit dem 1. Januar 1970 UTC um Mitternacht.

Wert von()

So musste ich es also machen, weil ich immer noch wollte, dass ein JavaScript-Datumsobjekt als Datum manipuliert wird, und leider erfordern viele dieser Antworten, dass Sie zu einer Zeichenfolge gehen.

//First i had a string called stringDateVar that i needed to convert to Date
var newDate = new Date(stringDateVar)

//output: 2019-01-07T04:00:00.000Z
//I needed it 2019-01-07T00:00:00.000Z because i had other logic that was dependent on that 

var correctDate = new Date(newDate.setUTCHours(0))

//This will output 2019-01-07T00:00:00.000Z on everything which allows scalability 

Garn Moment hinzufügen

import moment from 'moment';

//local Js date to UTC using moment
const utcDate = moment.utc(moment(new date()).format('YYYY-MM-DDTHH:mm:ss')).valueOf();
console.log('UTC Date', utcDate);


// UTC to local date without moment
const localDate = convertUTCDateToLocalDate(new Date(utcDate))
console.log('UTC Date', moment(localDate).format('MMM D, YYYY HH:mm'));


function convertUTCDateToLocalDate(date) {

   let newDate = new Date(date.getTime() + date.getTimezoneOffset()*60*1000);

   const offset = date.getTimezoneOffset() / 60;
   const hours = date.getHours();

   newDate.setHours(hours - offset);

   return newDate;

}

Noch einfacher

myvar.setTime(myvar.getTime() + myvar.getTimezoneOffset() * 60000);