如何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(),但当然如果我通过JSON.stringify内部使用的东西序列化整个命令(在这种情况下,AngularJS),这将无法工作)

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

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

Answer 1

假设您有某种包含以下内容的对象Date:

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

您可以覆盖原型的toJSON功能Date.这里我使用moment.js moment从日期创建一个对象,然后使用format不带参数的moment 函数,它发出包括偏移量的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的回答,我重新实现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)实际上是对象toString方法的结果Date,而stringify似乎是调用toISOString方法.

所以,如果toString格式是你想要什么,然后简单字符串化的是:

JSON.stringify(date.toString());

或者,既然您想稍后对"命令"进行字符串化,那么首先将该值放在那里:

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