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

最新推荐文章于 2023-11-16 14:28:19 发布

weixin_34095889

最新推荐文章于 2023-11-16 14:28:19 发布

阅读量1.1k

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5b6950a2e51d45194e0c0497

版权

原因

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())     //直接获取到当前时间
复制代码