vue2 ant datepicker 日期选择框 点击此刻时间多8小时不正确解决方案

vue2 ant datepicker 日期选择框 点击此刻时间多8小时不正确解决方案_第1张图片

点击“此刻”后,可以看到在DatePicker上时间是正确的
但是打印出来的dateString时间却多了8小时
原因:
因为点击 此刻 那个按钮时,moment 对象会经过 getTodayTime 设置了 utcOffset
utcOffset 会把 moment 对象的 _isUTC 设为 true 并设置 _offset
而点击日期面板时的 moment 对象没有经过类似的处理,所以其实点击日期面板和 此刻 按钮时得到的 moment 对象其实是略有不同的。

// 日期面板 moment 对象
{
_isUTC: false,
}

// 此刻、今天按钮的 moment 对象 有了时区差
{
_isUTC: true,
_offset: 480,
}
解决方法:new Date
vue2 ant datepicker 日期选择框 点击此刻时间多8小时不正确解决方案_第2张图片

  var time=上图moment格式的时间(不要选_d的值)
 错误的: var date = new Date(time._d);    //根据时间戳生成的时间对象
 正确的: var date = new Date(time);    //根据时间戳生成的时间对象

你可能感兴趣的:(vue.js,前端)