解决前端传递Date类型时自动转换为国际时间的问题

发布时间 2023-10-11 10:21:56作者: SpringCore

本质原因是前端对象中使用了Data类型的属性字段,在向后端传递时会自动将JSON对象转换为JSON字符串进行传递
Date类型的属性在进行转换时会调用自身的toJSON方法,转换为国际时间的字符串表达形式

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

image

导致的问题在于后端,如果后端使用带有时区的类型进行接收的话,将其转换为本地时区的时间,那么系统不会产生问题。例如C#中使用DatetimeOffset进行接收
如果使用不带有时区的类型进行接收,那么时区的参数将会丢失,这可能导致时间并不是准确的,例如C#使用DateTime来接收带有时区的前端时间字符串
此时前后端需要进行协商如何处理前后端时间传递的问题,下面贴出前端的处理办法,重写Date类型原型链的toJSON方法,使其输出为本地时区的表达类型字符串

/*
 * 重写Date的toJSON方法,因为在调用JSON.stringify的时候,时间转换就调用的toJSON,这样会导致少8个小时,所以重写它的toJSON方法
 */
Date.prototype.toJSON = function () {
  return this.toISOString().split('T')[0] + ' ' + this.toTimeString().split(' ')[0]
}

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