1、错误代码
<DatePicker v-model="xxx" placeholder="请选择时间" type="date"></DatePicker>{{xxx}}
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;
},