如何 JSON 字符串化 javascript 日期并保留时区

Question

我有一个用户创建的日期对象，时区由浏览器填写，如下所示：

var date = new Date(2011, 05, 07, 04, 0, 0);
> Tue Jun 07 2011 04:00:00 GMT+1000 (E. Australia Standard Time)

不过，当我将其字符串化时，时区会再见

JSON.stringify(date);
> "2011-06-06T18:00:00.000Z"

在保留浏览器时区的同时获得 ISO8601 字符串的最佳方法是使用 moment.js 并使用 moment.format()，但如果我通过使用 @ 的东西序列化整个命令，那当然行不通987654324@ 内部（在本例中为 AngularJS）

var command = { time: date, contents: 'foo' };
$http.post('/Notes/Add', command);

为了完整起见，我的域确实需要本地时间和偏移量。

Answer 1

假设您有某种包含Date 的对象：

var o = { d : new Date() };

您可以覆盖Date 原型的toJSON 函数。这里我使用moment.js从日期创建一个moment对象，然后使用moment的format不带参数的函数，它发出包含偏移量的ISO8601扩展格式。

Date.prototype.toJSON = function(){ return moment(this).format(); }

现在当您序列化对象时，它将使用您要求的日期格式：

var json = JSON.stringify(o);  //  '{"d":"2015-06-28T13:51:13-07:00"}'

当然，这会影响 所有 Date 对象。如果您只想更改特定日期对象的行为，您可以只覆盖该特定对象的 toJSON 函数，如下所示：

o.d.toJSON = function(){ return moment(this).format(); }

Answer 2

我总是倾向于不弄乱系统对象原型中的函数，比如日期，你永远不知道它会在以后的代码中以某种意想不到的方式咬你。

相反，JSON.stringify 方法接受您可以提供的“替换器”函数 (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#The_replacer_parameter)，允许您覆盖 JSON.stringify 如何执行其“字符串化”的内部结构；所以你可以做这样的事情；

var replacer = function(key, value) {

   if (this[key] instanceof Date) {
      return this[key].toUTCString();
   }
   
   return value;
}

console.log(JSON.stringify(new Date(), replacer));
console.log(JSON.stringify({ myProperty: new Date()}, replacer));
console.log(JSON.stringify({ myProperty: new Date(), notADate: "I'm really not", trueOrFalse: true}, replacer));

Answer 3

基于 Matt Johnsons 的answer，我重新实现了toJSON，而不必依赖moment（我认为这是一个很棒的库，但是依赖于像toJSON这样的低级方法困扰我）。

Date.prototype.toJSON = function () {
  var timezoneOffsetInHours = -(this.getTimezoneOffset() / 60); //UTC minus local time
  var sign = timezoneOffsetInHours >= 0 ? '+' : '-';
  var leadingZero = (Math.abs(timezoneOffsetInHours) < 10) ? '0' : '';

  //It's a bit unfortunate that we need to construct a new Date instance 
  //(we don't want _this_ Date instance to be modified)
  var correctedDate = new Date(this.getFullYear(), this.getMonth(), 
      this.getDate(), this.getHours(), this.getMinutes(), this.getSeconds(), 
      this.getMilliseconds());
  correctedDate.setHours(this.getHours() + timezoneOffsetInHours);
  var iso = correctedDate.toISOString().replace('Z', '');

  return iso + sign + leadingZero + Math.abs(timezoneOffsetInHours).toString() + ':00';
}

当提供的值“溢出”时，setHours 方法将调整日期对象的其他部分。来自MDN：

如果您指定的参数超出预期范围，setHours() 会尝试相应地更新 Date 对象中的日期信息。例如，如果您使用 100 作为 secondsValue，则分钟将增加 1（minutesValue + 1），并且将使用 40 作为秒。

Answer 4

不过，当我将其字符串化时，时区会再见

那是因为Tue Jun 07 2011 04:00:00 GMT+1000 (E. Australia Standard Time) 实际上是Date 对象的toString 方法的结果，而stringify 似乎调用了toISOString 方法。

所以如果toString 格式是您想要的，那么只需将 that 字符串化：

JSON.stringify(date.toString());

或者，因为您想稍后将“命令”字符串化，所以首先将 那个 值放在那里：

var command = { time: date.toString(), contents: 'foo' };

Answer 5

let date = new Date(JSON.parse(JSON.stringify(new Date(2011, 05, 07, 04, 0, 0))));

Answer 6

我创建了一个小型库，在JSON.stringify 之后使用 ISO8601 字符串保留时区。该库可让您轻松更改本机 Date.prototype.toJSON 方法的行为。

npm：https://www.npmjs.com/package/lbdate

例子：

lbDate().init();

const myObj = {
  date: new Date(),
};

const myStringObj = JSON.stringify(myObj);

console.log(myStringObj);

// {"date":"2020-04-01T03:00:00.000+03:00"}

如果需要，该库还为您提供自定义序列化结果的选项。