VUE时间选择器a-range-picker使用,并且动态绑定默认值
时间选择器
<a-range-picker v-if="" v-model=""
:default-value="[moment(`${(0,10)}`, 'YYYY-MM-DD'), moment(`${(0,10)}`, 'YYYY-MM-DD')]"
:disabledDate="disabledDate" @change="changeInvalidTime" allowClear>
</a-range-picker>
form:{
invalidTime: null,
dateFrom: null,
dateTo: null,
}
API.then((res)=>{
if(res.code===0){
let data = this.$funs.deepClone(res.data);
this.form.dateFrom= data.dateFrom
this.form.dateTo= data.dateTo
}
})
moment,
disabledDate(current) {
return current && current > moment().subtract(0, 'days').endOf('day')
},
changeInvalidTime(date, dateString) {
this.form.dateFrom = dateString[0]
this.form.dateTo = dateString[1]
},
onSubmit() {
if(this.form.dateFrom && this.form.dateTo){
this.form.invalidTime= [moment(`${this.form.dateFrom.substr(0, 10)}`, 'YYYY-MM-DD'), moment(`${this.form.dateTo.substr(0, 10)}`, 'YYYY-MM-DD')]
if(this.form.dateFrom.substr(10, 1 ) === 'T'){
this.form.dateFrom = this.form.dateFrom.substr(0, 10)
}
if(this.form.dateTo.substr(10, 1 )=== 'T'){
this.form.dateTo = this.form.dateTo.substr(0, 10)
}
}
}