Jak przekonwertować datę JavaScript na UTC?

Załóżmy, że użytkownik Twojej witryny wprowadza zakres dat.

2009-1-1 to 2009-1-3

Musisz wysłać tę datę do serwera w celu przetworzenia, ale serwer oczekuje, że wszystkie daty i godziny będą w UTC.

Załóżmy teraz, że użytkownik jest na Alasce, Hawajach lub Fidżi. Ponieważ znajdują się w strefie czasowej zupełnie innej niż UTC, zakres dat należy przekonwertować na coś takiego:

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

Używając obiektu JavaScript Date, w jaki sposób przekonwertowałbyś pierwszy „zlokalizowany” zakres dat na coś, co serwer zrozumie?

toISOString()Metoda zwraca ciąg w uproszczonym formacie rozszerzonym ISO ( ISO 8601 ), który jest zawsze długość 24 lub 27 znaków ( YYYY-MM-DDTHH:mm:ss.sssZlub±YYYYYY-MM-DDTHH:mm:ss.sssZ , odpowiednio). Strefa czasowa ma zawsze zerowe przesunięcie UTC, co oznaczono przyrostkiem „ Z”.

Źródło: Dokumenty internetowe MDN

Potrzebny format jest tworzony za pomocą .toISOString() metody. W przypadku starszych przeglądarek (tj. 8 i starszych), które nie obsługują natywnie tej metody, podkładkę można znaleźć tutaj :

To da ci możliwość robienia tego, czego potrzebujesz:

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

Strefa czasowa moment.js i moment.js są naprawdę nieocenionymi narzędziami ... szczególnie do nawigacji w strefach czasowych między javascript klienta i serwera.

Prosty i głupi

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);

Oto moja metoda:

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

Wynikowy utcobiekt nie jest tak naprawdę datą UTC, ale lokalną datą przesuniętą tak, by pasowała do godziny UTC (patrz komentarze). Jednak w praktyce spełnia swoje zadanie.

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(':');    
}

Konwertuj na ISO bez zmiany daty / godziny

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

Konwertuj na ISO ze zmianą daty / godziny (data / godzina zostanie zmieniona)

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

Link do skrzypiec

Przeglądarki mogą się różnić i należy również pamiętać, aby nie ufać żadnym informacjom generowanym przez klienta, co powiedziawszy, poniższe oświadczenie działa dla mnie (Google Chrome v24 na Mac OS X 10.8.2)

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

edycja: „Czym to się różni od zwykłego new Date()?” patrz tutaj: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

• Jeśli nie podano żadnych argumentów, konstruktor tworzy obiekt JavaScript Date dla bieżącej daty i godziny zgodnie z ustawieniami systemu.
• Uwaga: W przypadku wywołania daty jako konstruktora z więcej niż jednym argumentem podane argumenty reprezentują czas lokalny. Jeśli pożądany jest UTC, użyj nowej daty ( Date.UTC (...) ) z tymi samymi argumentami. (uwaga: Date.UTC () zwraca liczbę milisekund od 1970-01-01 00:00:00 UTC)

Dodanie 60000 * Date.getTimezoneOffset (), jak stwierdzono w poprzednich odpowiedziach, jest niepoprawne. Po pierwsze, musisz traktować wszystkie Daty / Czasy jako już UTC z modyfikatorem strefy czasowej do celów wyświetlania.

Ponownie, przeglądarki mogą się różnić, jednak Date.getTime () zwraca liczbę milisekund od 1970-01-01 UTC / GMT. Jeśli utworzysz nową datę przy użyciu tego numeru, tak jak ja powyżej, będzie to UTC / GMT. Jeśli jednak wyświetlisz go, wywołując metodę .toString (), pojawi się ona w lokalnej strefie czasowej, ponieważ .toString () używa lokalnej strefy czasowej, a nie strefy czasowej obiektu Date, do którego została wywołana.

Odkryłem również, że jeśli wywołasz funkcję .getTimezoneOffset () w określonym dniu, zwróci ona lokalną strefę czasową, a nie strefę czasową obiektu daty, w którym ją wywołałeś (nie mogę jednak zweryfikować, czy jest to standard).

W mojej przeglądarce dodanie 60000 * Date.getTimezoneOffset () tworzy DateTime, który nie jest UTC . Jednak wyświetlany w mojej przeglądarce (np. .ToString ()) wyświetla DateTime w mojej lokalnej strefie czasowej, która byłaby poprawna dla czasu UTC, gdyby informacje o strefie czasowej były ignorowane.

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

Inne rozwiązanie do konwersji na UTC i zachowania go jako obiektu daty: (Działa poprzez usunięcie części „GMT” z końca sformatowanego ciągu, a następnie ponowne umieszczenie jej w konstruktorze daty)

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

Musiałem to zrobić, aby połączyć się z biblioteką wyboru daty i godziny. Ogólnie jednak praca z datami w ten sposób jest złym pomysłem.

Użytkownicy zazwyczaj chcą pracować z czasem danych w czasie lokalnym, więc albo zaktualizuj kod po stronie serwera, aby poprawnie przeanalizować ciągi datetime z przesunięciami, a następnie przekonwertuj na UTC (najlepsza opcja) lub przekonwertuj na ciąg znaków UTC po stronie klienta przed wysłaniem do serwer (jak w odpowiedzi Willa Sterna)

Czy próbujesz przekonwertować datę na taki ciąg?

Zrobiłbym funkcję, aby to zrobić, i chociaż jest to nieco kontrowersyjne, dodaj go do prototypu Date. Jeśli nie czujesz się komfortowo, możesz to ustawić jako samodzielną funkcję, przekazując datę jako parametr.

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
    ;
};

Jeśli potrzebujesz go w czasie UTC, po prostu zamień wszystkie funkcje get * na getUTC *, np .: getUTCFullYear, getUTCMonth, getUTCHours ... a następnie po prostu dodaj „+00: 00” na końcu zamiast przesunięcia strefy czasowej użytkownika.

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

powinien działać w większości nowszych przeglądarek. powraca 2012-07-28T00:00:00.000Zw przeglądarce Firefox 6.0

Moje zalecenie podczas pracy z datami to parsowanie daty w poszczególnych polach na podstawie danych wprowadzonych przez użytkownika. Możesz użyć go jako pełnego ciągu, ale bawisz się ogniem.

JavaScript może różnie traktować dwie równe daty w różnych formatach.

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

Nigdy nie rób czegoś takiego jak:

new Date('date as text');

Po przeanalizowaniu daty w poszczególnych polach na podstawie danych wprowadzonych przez użytkownika, utwórz obiekt daty. Po utworzeniu obiektu daty przekonwertuj go na UTC, dodając przesunięcie strefy czasowej. Nie mogę podkreślić, jak ważne jest użycie przesunięcia względem obiektu daty ze względu na czas letni (to kolejna dyskusja pokazująca dlaczego).

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);

Teraz możesz przekazać datę do serwera w czasie UTC. Ponownie odradzam używanie jakichkolwiek ciągów dat. Przekaż go do serwera w podziale na najmniejszą szczegółowość, jakiej potrzebujesz, np. Rok, miesiąc, dzień, minutę lub jako wartość taką jak milisekundy z epoki unixu.

Jeśli często masz do czynienia z datami, warto skorzystać z moment.js ( http://momentjs.com ). Metodą konwersji na UTC byłoby:

moment(yourTime).utc()

Możesz użyć formatu, aby zmienić datę na dowolny, jaki chcesz:

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

Dostępne są również opcje przesunięcia, ale istnieje dodatkowa biblioteka uzupełniająca do obsługi strefy czasowej ( http://momentjs.com/timezone/ ). Konwersja czasu byłaby tak prosta:

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

Moje rozwiązanie utrzymuje tę samą datę bez względu na strefę czasową ustawioną po stronie klienta. Może ktoś uzna to za przydatne.

Mój przypadek użycia:

Tworzę aplikację do zrobienia, w której ustawiasz datę swojego zadania. Ta data powinna pozostać stała bez względu na strefę czasową, w której się znajdujesz.

Przykład. Chcesz zadzwonić do przyjaciela o 8 rano 25 czerwca.

Utworzysz to zadanie 5 dni przed (20 czerwca) podczas pobytu w Chinach.

Następnie tego samego dnia lecisz na kilka dni do Nowego Jorku.

Następnie, 25 czerwca, gdy jesteś jeszcze w Nowym Jorku, budzisz się o 7:30 rano (co oznacza, że ​​powinieneś otrzymać powiadomienie o zadaniu za 30 minut (nawet o 13:30 już w Chinach, gdzie byłeś podczas tworzenia zadanie)

Zadanie polega więc na ignorowaniu strefy czasowej. Oznacza to: „Chcę to zrobić o 8 rano w dowolnej strefie czasowej, w której będę”.

To, co robię, to powiedzmy: „Zakładam, że zawsze jesteś w strefie czasowej Londynu - UTC”.

Oznacza to, że - gdy użytkownik wybierze datę w swojej Strefie czasowej - przekonwertuję tę datę na tę samą datę w UTC. to znaczy. Wybierasz 8 rano w Chinach, ale przeliczam go na 8 rano w UTC.

Następnie - następnym razem, gdy otworzysz aplikację - odczytam datę zapisaną w UTC i przekonwertuję ją na tę samą datę w twojej bieżącej strefie czasowej - np. Konwertuję 8 rano w UTC na 8 rano w strefie czasowej Nowego Jorku.

To rozwiązanie oznacza, że ​​data może oznaczać coś innego, w zależności od tego, gdzie jesteś podczas ustawiania i gdzie ją czytasz, ale pozostaje stała w taki sposób, że „czuje się”, jakbyś zawsze był w tej samej strefie czasowej.

Napiszmy kod:

Po pierwsze - mamy 2 główne funkcje do konwersji z / na UTC ignorujące strefę czasową:

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(),
  );
}

Następnie zapisuję / czytam tę datę jak:

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
}

Właśnie odkryłem, że date.format.js Stevena Levithana w wersji 1.2.3 robi dokładnie to, czego chcę. Pozwala podać ciąg formatu dla daty JavaScript i zostanie przekonwertowany z czasu lokalnego na UTC. Oto kod, którego teraz używam:

// 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'); 

Odkryłem, że parsowanie daty wtyczki jQuery Globalization działa najlepiej. Inne metody miały problemy z przeglądarkami i rzeczy takie jak date.js nie były aktualizowane od dłuższego czasu.

Nie potrzebujesz także datePicker na stronie. Możesz po prostu wywołać coś podobnego do przykładu podanego w dokumentacji:

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

Ta funkcja działa dla mnie pięknie.

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();
}

Korzystanie z metody UTC 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)));

To da ci właściwą datę i godzinę UTC.
To dlatego, że getTimezoneOffset()da ci różnicę stref czasowych w minutach. Zalecam, aby nie używać, toISOString()ponieważ dane wyjściowe będą w postaci ciągu. Dlatego w przyszłości nie będzie można manipulować datą

Oto co zrobiłem w przeszłości:

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

Jeśli potrzebujesz Date Object

Przekazywanie tylko ciągu daty Data zakłada, że ​​czas będzie przesunięty o 00:00 według strefy czasowej:

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

Jeśli dodasz bieżące godziny i minuty, otrzymasz odpowiednią datę:

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

Patrząc na twoje pytanie, jasne jest, że po prostu chcesz wysłać zakres dat do swojego zaplecza w celu dalszego przetwarzania.

Zakładam, że przestrzegasz standardowych wytycznych dotyczących danych, które oczekują, że dane będą miały określony format. Na przykład używam ODATA, która jest interfejsem API RESTfull, który oczekuje, że obiekty daty i godziny mają format: -

RRRR-MM-DDT00: 00: 00.

Można to łatwo osiągnąć za pomocą zamieszczonego poniżej fragmentu kodu (zmień format zgodnie z wymaganiami).

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

Z drugiej strony jesteś w mojej sytuacji, w której otrzymałeś datę z backendu, a przeglądarka przekształca ją w lokalną datę. Z drugiej strony jesteś zainteresowany datą UTC, a następnie możesz wykonać następujące czynności:

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);

Fragment kodu powyżej zasadniczo dodaje / odejmuje czas dodawany / odejmowany przez przeglądarkę na podstawie strefy czasowej.

Na przykład, jeśli jestem w EST (GMT-5), a moja usługa zwraca obiekt daty / godziny = Śr 17 sierpnia 2016 00:00:00 GMT-0500 moja przeglądarka automatycznie odejmuje przesunięcie strefy czasowej (5 godzin), aby uzyskać mój czas lokalny. Więc jeśli spróbuję pobrać czas, dostanę Śr 16 sierpnia 2016 19:00:00 GMT-0500. To powoduje wiele problemów. Istnieje wiele bibliotek, które na pewno to ułatwią, ale chciałem podzielić się czystym podejściem JS.

Aby uzyskać więcej informacji, proszę spojrzeć na: http://praveenlobo.com/blog/how-to-convert-javascript-local-date-to-utc-and-utc-to-local-date/ gdzie mam Inspiracja.

Mam nadzieję że to pomoże!

Ta metoda da ci: 2017-08-04T11:15:00.000+04:30i możesz zignorować zmienną strefy , aby po prostu ją zdobyć 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;
}

Korzystając z pakietu moment, możesz łatwo przekonwertować ciąg dat UTC na nowy obiekt Date:

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

Jest to szczególnie pomocne, gdy twój serwer nie obsługuje strefy czasowej i chcesz przechowywać datę UTC zawsze na serwerze i odzyskać ją jako nowy obiekt Date. Powyższy kod działał dla mojego wymagania podobnego problemu, dla którego przeznaczony jest ten wątek. Udostępnianie tutaj, aby pomóc innym. W żadnej odpowiedzi nie widzę dokładnie powyższego rozwiązania. Dzięki.

const event = new Date ();

console.log (event.toUTCString ());

Wiem, że to pytanie jest stare, ale analizowałem ten sam problem, a jedną z opcji byłoby zamiast tego wysłanie date.valueOf () na serwer. funkcja valueOf () javascript Date wysyła liczbę milisekund od północy 1 stycznia 1970 UTC.

wartość()

Tak właśnie musiałem to zrobić, ponieważ nadal chciałem, aby obiekt daty JavaScript był zmanipulowany jako data i niestety wiele z tych odpowiedzi wymaga przejścia do ciągu znaków.

//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 

przędza dodaje chwili

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;

}

Jeszcze prostsze

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