JSON Stringify zmienia czas i datę z powodu czasu UTC

Question 1

Moje obiekty daty w JavaScript są zawsze reprezentowane przez UTC +2 ze względu na to, gdzie się znajduję. Stąd tak

Mon Sep 28 10:00:00 UTC+0200 2009

Problem polega na tym, że dokonujesz JSON.stringifykonwersji powyższej daty na

2009-09-28T08:00:00Z  (notice 2 hours missing i.e. 8 instead of 10)

To, czego potrzebuję, to uszanowanie daty i godziny, ale tak nie jest, więc powinno

2009-09-28T10:00:00Z  (this is how it should be)

Zasadniczo używam tego:

var jsonData = JSON.stringify(jsonObject);

Próbowałem przekazać parametr zastępczy (drugi parametr w stringify), ale problem polega na tym, że wartość została już przetworzona.

Próbowałem też użyć obiektu daty toString()i toUTCString()na nim, ale te też nie dają mi tego, czego chcę.

Czy ktoś może mi pomóc?

Question 2

Ostatnio napotkałem ten sam problem. I został rozwiązany za pomocą następującego kodu:

x = new Date();
let hoursDiff = x.getHours() - x.getTimezoneOffset() / 60;
let minutesDiff = (x.getHours() - x.getTimezoneOffset()) % 60;
x.setHours(hoursDiff);
x.setMinutes(minutesDiff);

Question 3

JSON używa Date.prototype.toISOStringfunkcji, która nie reprezentuje czasu lokalnego - reprezentuje czas w niezmodyfikowanym UTC - jeśli spojrzysz na dane wyjściowe, zobaczysz, że jesteś w UTC + 2 godziny, dlatego ciąg JSON zmienia się o dwie godziny, ale jeśli pozwala to na prawidłowe przedstawienie tego samego czasu w wielu strefach czasowych.

Question 4

Dla przypomnienia, pamiętaj, że ostatnie „Z” w „2009-09-28T08: 00: 00Z” oznacza, że czas rzeczywiście jest podany w UTC.

Szczegółowe informacje można znaleźć pod adresem http://en.wikipedia.org/wiki/ISO_8601 .

Question 5

Oto inna odpowiedź (i osobiście uważam, że jest bardziej odpowiednia)

var currentDate = new Date(); 
currentDate = JSON.stringify(currentDate);

// Now currentDate is in a different format... oh gosh what do we do...

currentDate = new Date(JSON.parse(currentDate));

// Now currentDate is back to its original form :)

Question 6

date.toJSON () wypisuje datę UTC do formatu String (więc dodaje do niej przesunięcie, gdy konwertuje ją na format JSON).

date = new Date();
new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toJSON();

Question 7

możesz użyć momentu.js do formatowania według czasu lokalnego:

Date.prototype.toISOString = function () {
    return moment(this).format("YYYY-MM-DDTHH:mm:ss");
};

Question 8

Trochę się spóźniłem, ale zawsze możesz nadpisać funkcję toJson w przypadku Date używając Prototype w następujący sposób:

Date.prototype.toJSON = function(){
    return Util.getDateTimeString(this);
};

W moim przypadku Util.getDateTimeString (this) zwraca ciąg podobny do następującego: „2017-01-19T00: 00: 00Z”

Question 9

Gotowe rozwiązanie wymuszające JSON.stringifyignorowanie stref czasowych:

Czysty javascript (na podstawie odpowiedzi Anatolija):

// Before: JSON.stringify apply timezone offset
const date =  new Date();
let string = JSON.stringify(date);
console.log(string);

// After: JSON.stringify keeps date as-is!
Date.prototype.toJSON = function(){
    const hoursDiff = this.getHours() - this.getTimezoneOffset() / 60;
    this.setHours(hoursDiff);
    return this.toISOString();
};
string = JSON.stringify(date);
console.log(string);

Rozwiń fragment

Korzystanie z bibliotek stref czasowych typu moment + moment:

const date =  new Date();
let string = JSON.stringify(date);
console.log(string);

Date.prototype.toJSON = function(){
    return moment(this).format("YYYY-MM-DDTHH:mm:ss:ms");;
};
string = JSON.stringify(date);
console.log(string);

<html>
  <header>
    <script src="https://momentjs.com/downloads/moment.min.js"></script>
    <script src="https://momentjs.com/downloads/moment-timezone-with-data-10-year-range.min.js"></script>
</header>
</html>

Rozwiń fragment

Question 10

Zwykle chcesz, aby daty były prezentowane każdemu użytkownikowi w jego własnym czasie lokalnym.

dlatego używamy GMT (UTC).

Użyj Date.parse (jsondatestring), aby uzyskać lokalny ciąg czasu,

chyba że chcesz Twój czas lokalny był pokazywany każdemu odwiedzającemu.

W takim przypadku użyj metody Anatolija.

Question 11

Aby obejść ten problem, użyj moment.jsbiblioteki (wersja bez strefy czasowej).

var newMinDate = moment(datePicker.selectedDates[0]);
var newMaxDate = moment(datePicker.selectedDates[1]);

// Define the data to ask the server for
var dataToGet = {"ArduinoDeviceIdentifier":"Temperatures",
                "StartDate":newMinDate.format('YYYY-MM-DD HH:mm'),
                "EndDate":newMaxDate.format('YYYY-MM-DD HH:mm')
};

alert(JSON.stringify(dataToGet));

Korzystałem z flatpickr.min.jsbiblioteki. Czas wynikowego utworzonego obiektu JSON jest zgodny z podanym czasem lokalnym, ale z selektorem dat.

Question 12

Wpadam na to trochę pracując ze starszymi rzeczami, gdzie działają tylko na wschodnim wybrzeżu USA i nie przechowują dat w UTC, wszystko to jest EST. Muszę filtrować daty na podstawie danych wprowadzonych przez użytkownika w przeglądarce, więc muszę przekazać datę w czasie lokalnym w formacie JSON.

Żeby rozwinąć to rozwiązanie już zamieszczone - oto czego używam:

// Could be picked by user in date picker - local JS date
date = new Date();

// Create new Date from milliseconds of user input date (date.getTime() returns milliseconds)
// Subtract milliseconds that will be offset by toJSON before calling it
new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toJSON();

Rozumiem więc, że to odejmie czas (w milisekundach (stąd 60000) od daty początkowej na podstawie przesunięcia strefy czasowej (zwraca minuty) - w oczekiwaniu na dodanie czasu do JSON () ma zamiar dodać.

Question 13

Oto coś naprawdę schludnego i prostego (przynajmniej tak mi się wydaje :)) i nie wymaga manipulacji datą w celu sklonowania lub przeładowania jakichkolwiek natywnych funkcji przeglądarki, takich jak toJSON (odniesienie: How to JSON stringify a javascript Date and keep timezone , court's Shawson)

Przekaż funkcję zamiennika do JSON.stringify, która ciągnie rzeczy do zawartości twojego serca !!! W ten sposób nie musisz robić różnic godzinowych i minutowych ani żadnych innych manipulacji.

Umieściłem w console.logs, aby zobaczyć wyniki pośrednie, aby było jasne, co się dzieje i jak działa rekurencja. To ujawnia coś godnego uwagi: parametr wartości zamiennika jest już przekonwertowany na format daty ISO :). Użyj tego [klawisza], aby pracować z oryginalnymi danymi.

var replacer = function(key, value)
{
    var returnVal = value;
    if(this[key] instanceof Date)
    {
        console.log("replacer called with key - ", key, " value - ", value, this[key]); 

        returnVal = this[key].toString();

        /* Above line does not strictly speaking clone the date as in the cloned object 
         * it is a string in same format as the original but not a Date object. I tried 
         * multiple things but was unable to cause a Date object being created in the 
         * clone. 
         * Please Heeeeelp someone here!

        returnVal = new Date(JSON.parse(JSON.stringify(this[key])));   //OR
        returnVal = new Date(this[key]);   //OR
        returnVal = this[key];   //careful, returning original obj so may have potential side effect

*/
    }
    console.log("returning value: ", returnVal);

    /* if undefined is returned, the key is not at all added to the new object(i.e. clone), 
     * so return null. null !== undefined but both are falsy and can be used as such*/
    return this[key] === undefined ? null : returnVal;
};

ab = {prop1: "p1", prop2: [1, "str2", {p1: "p1inner", p2: undefined, p3: null, p4date: new Date()}]};
var abstr = JSON.stringify(ab, replacer);
var abcloned = JSON.parse(abstr);
console.log("ab is: ", ab);
console.log("abcloned is: ", abcloned);

/* abcloned is:
 * {
  "prop1": "p1",
  "prop2": [
    1,
    "str2",
    {
      "p1": "p1inner",
      "p2": null,
      "p3": null,
      "p4date": "Tue Jun 11 2019 18:47:50 GMT+0530 (India Standard Time)"
    }
  ]
}
Note p4date is string not Date object but format and timezone are completely preserved.
*/

Question 14

JavaScript normalnie konwertuje lokalną strefę czasową na UTC.

date = new Date();
date.setMinutes(date.getMinutes()-date.getTimezoneOffset())
JSON.stringify(date)

Question 15

Wszystko sprowadza się do tego, czy twój serwer jest niezależny od strefy czasowej, czy nie. Jeśli tak nie jest, musisz założyć, że strefa czasowa serwera jest taka sama jak klienta lub przesłać informacje o strefie czasowej klienta i uwzględnić to również w obliczeniach.

przykład oparty na bazie PostgreSQL:

select '2009-09-28T08:00:00Z'::timestamp -> '2009-09-28 08:00:00' (wrong for 10am)
select '2009-09-28T08:00:00Z'::timestamptz -> '2009-09-28 10:00:00+02'
select '2009-09-28T08:00:00Z'::timestamptz::timestamp -> '2009-09-28 10:00:00'

Ostatni z nich jest prawdopodobnie tym, czego chcesz użyć w bazie danych, jeśli nie chcesz poprawnie zaimplementować logiki strefy czasowej.

Question 16

Zamiast tego toJSONmożesz użyć funkcji formatowania, która zawsze podaje poprawną datę i godzinę +GMT

Jest to najbardziej niezawodna opcja wyświetlania. Pobiera ciąg tokenów i zastępuje je odpowiednimi wartościami.

Question 17

Próbowałem tego w kątowej 8:

utwórz Model:

export class Model { YourDate: string | Date; }

w swoim komponencie

model : Model;
model.YourDate = new Date();

wyślij datę do swojego API w celu zapisania
Podczas ładowania danych z API zrobisz to:

model.YourDate = new Date(model.YourDate+"Z");

otrzymasz datę poprawnie ze strefą czasową.