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

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

时间选择器

<a-range-picker v-if="form.dateFrom" v-model="form.invalidTime" 
	:default-value="[moment(`${form.dateFrom.substring(0,10)}`, 'YYYY-MM-DD'), moment(`${form.dateTo.substring(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)
		}
	}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值