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