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

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