VUE时间选择器a-range-picker使用,并且动态绑定默认值

时间:2025-02-07 16:27:09

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)
		}
	}
}