项目场景:

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

问题描述:

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

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:

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:

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 类型

Logo

前往低代码交流专区

更多推荐