a-date-picker时间选择框的效验+使用:

a-date-picker的使用:

<a-form-item class="cont1-item" label="时间范围">
	<a-space direction="vertical" :size="12" >
		<a-date-picker  valueFormat="YYYY-MM-DD" placeholder="开始时间" :disabled-date="disabledDate" @change="timeChangeMethod1"/>
	</a-space>
	<span style="margin: 0px 15px;"></span>
	<a-space direction="vertical" :size="12" >
		<a-date-picker  valueFormat="YYYY-MM-DD" placeholder="结束时间" :disabled-date="disabledDate" @change="timeChangeMethod2"/>
	</a-space>
</a-form-item>
import dayjs from 'dayjs';//必须引入
const disabledDate = current => {
	return current && current < dayjs().subtract(1,"days").endOf('day');	
};
const timeChangeMethod1 = (dayjs, values) => {
	// console.log(values)
    if (values) {
		formData.value.beginTime = values+ ' 00:00:00'
    } else {
        formData.value.beginTime = ''
    }
}
const timeChangeMethod2 = (dayjs, values) => {
	// console.log(values)
    if (values) {
		formData.value.endTime = values + ' 00:00:00'
    } else {
        formData.value.endTime = ''
    }
}
时间效验判断:

if(!formData.value.beginTime){//开始时间
	_message.error('开始时间不能为空');
	return;
}
if(!formData.value.endTime){//结束时间
	_message.error('结束时间不能为空');
	return;
}else{
	let begin=timeget(formData.value.beginTime)
	let end=timeget(formData.value.endTime)
	if(begin > end){
		_message.error('开始时间不能大于结束时间');
		return;
	}
}

const timeget=(data)=>{
	var date = new Date(data)
	var time= date.getTime();
	return time
};

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值