效果 :
送检时间 时间不能大于 完成期限 , 完成期限不能小于 送检时间
代码 :
<a-col span="6">
<a-form-item name="checkTime" label="送检时间" :rules="[{ required: true, message: '送检时间不能为空!' }]">
<a-date-picker valueFormat="YYYY-MM-DD" format="YYYY-MM-DD" v-model:value="jobAddUpdateForm.checkTime" :disabledDate="disabledStartDate" />
</a-form-item>
</a-col>
<a-col span="6">
<a-form-item name="completionTime" label="完成期限" :rules="[{ required: true, message: '完成期限不能为空!' }]">
<a-date-picker valueFormat="YYYY-MM-DD" format="YYYY-MM-DD" v-model:value="jobAddUpdateForm.completionTime" :disabledDate="disabledEndDate" />
</a-form-item>
</a-col>
const disabledStartDate = computed(() => {
return (current) => {
return current && jobAddUpdateForm.completionTime && current > new Date(jobAddUpdateForm.completionTime);
};
});
const disabledEndDate = computed(() => {
return (current) => {
return current && jobAddUpdateForm.checkTime && current < new Date(jobAddUpdateForm.checkTime);
};
});