iview2.0 日期选择器DatePicker 所选时间格式不对

网上有很多解决方式,大部分都是加个@on-change事件。比如下图:

但是如果是编辑的时候,打开编辑页面,通过数据库返回时间显示出来是对的,但是不触发change事件,直接点保存的话,保存后还是少8小时。这是我发现的bug。

然后我只能靠js解决了。下面贴出js方法:

dateUtil.js

export default {
    getDateByDatePicker:getDateByDatePicker,
}

export function getDateByDatePicker(t){
    if(t == undefined || t == ''){
        return t;
    }
    var date = new Date(t),
      Y = date.getFullYear() + "-",
      M =
        (date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1) + "-",
      D = (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
    return Y + M + D;
  }

表单保存之前,将时间都转化一下:

this.CSRQ = getDateByDatePicker(this.CSRQ);

 

posted @ 2019-08-05 17:32  推土机27  阅读(2174)  评论(0编辑  收藏  举报