toISOString()得到的日期时差8小时

项目场景：

从前端 vue 页面中获取一个日期（包括时分秒），需要将日期格式转换为 yyyy-MM-dd HH:mm:ss 格式。

问题描述：

这里选择使用的是 toISOString() ，，结果发现数据库中的数据总是差 8 个小时。

1
2
3
4

rTime:function(){
var dateTime = new Date();
return dateTime.toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}

原因分析：

使用 toISOString() 转换日期时，会丢失时区，这也就导致不论我插入的日期是什么，总会少 8 小时。

toISOString() 方法可以使用ISO标准将 Date 对象转换为字符串。该标准称为 ISO-8601 ，格式为: YYYY-MM-DDTHH:mm:ss.sssZ

解决方案：

解决的思路就是在调用 toISOString() 之前先对原来的日期加上 8 小时。

解法 1：

1
2
3
4

rTime:function(){
var dateTime = new Date(+new Date()+8*3600*1000);
return new Date(dateTime).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}

注：+new Date() 这个 + 别漏了，不然结果啥也不是；这个 + 会将 date 类型转换为 number 类型

解法 2：

1
2
3
4
5
6

rTime:function(){
var dateTime = new Date();
var hour = dateTime.getHours + 8;
dateTime.setHours(hour);
return new Date(dateTime).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}

注：不要使用 dateTime = dateTime.setHours(hour)，setHours() 返回值类型为 number 类型