关于iview日期插件少一天解决方法,可v-model,非on-change

1,309 阅读1分钟

原因

iview的日期选择控件,使用v-model后获取到的是utc时间,格式化后会少一天

直接放解决办法

//html部分依旧使用v-model
<DatePicker type="date" placeholder="请选择到期时间" v-model="etime" format='yyyy-MM-dd'></DatePicker>

拿到v-model绑定的值etime后,我们可以用getTime()方法获取到时间戳

 function time(t){
     var date = new Date(t),
          Y = date.getFullYear() + "-",
          M =
            (date.getMonth() + 1 < 10
              ? "0" + (date.getMonth() + 1)
              : date.getMonth() + 1) + "-",
          D = date.getDate();
        return Y + M + D;
 }
 time(this.etime.getTime())     //直接获取到当前时间