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

本质原因是前端对象中使用了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))

作者:奇

出处:https://www.cnblogs.com/fanqisoft/p/17756428.html

版权:本作品采用「本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。」许可协议进行许可。

posted @   SpringCore  阅读(479)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
more_horiz
keyboard_arrow_up light_mode palette
选择主题
点击右上角即可分享
微信分享提示