美文网首页
iview 日期选择器DatePicker 所选时间比实际时间少

iview 日期选择器DatePicker 所选时间比实际时间少

作者: 微笑_celia | 来源:发表于2019-04-24 16:29 被阅读0次

1、错误代码

 <DatePicker v-model="xxx" placeholder="请选择时间" type="date"></DatePicker>{{xxx}}
image.png

2、解决方式

注: 使用on-change()事件并且绑定value值(bind),不能使用v-model(使用@on-change()之后就不能用v-model)

<DatePicker  :value="xxx" placeholder="请选择时间" type="date" @on-change="(dataTime)=>{getDate(dataTime)} >
</DatePicker>{{xxx}}

注: 如果xxx存在于数据中,可改写getDate()方法,把数组和数组下标作为参数传到getDate方法中处理

/**
 * 获取时间
 * @param dataTime on-chane事件返回的时间(转换过的时间) 
 */
getDate(dataTime){
   
    this.xxx= dataTime;
},
image.png

相关文章

网友评论

      本文标题:iview 日期选择器DatePicker 所选时间比实际时间少

      本文链接:https://www.haomeiwen.com/subject/fwpggqtx.html