yup日期开始日期不得与结束日期相同

Question

我目前正纠结于如何在同一日期使用yup进行验证。

目前，我可以使用验证endDate是否不在startDate之前

schema = yup.object().shape({
startDate: yup.date().min(new Date(),'Please choose future date'),
endDate: yup
.date()
.min(
yup.ref("startDate"),
"End date has to be more than start date"
),
})

但它并没有检查相同的日期。我很清楚这个线程：日期范围验证-在jquense/yup中，开始日期不能与结束日期相同，但它还没有解决，并且使用momentjs。我的公司在这个项目中严格使用dayjs。

我希望你能帮助我使用JS或dayjs的解决方案。

谢谢！

Answer 1

您可以使用这个：

schema = yup.object().shape({
startDate: yup.date().min(new Date(),'Please choose future date'),    
endDate: yup
.date()    
.when('startDate',
(startDate, schema) => {
if (startDate) {
const dayAfter = new Date(startDate.getTime() + 86400000);

return schema.min(dayAfter, 'End date has to be after than start date');
}

return schema;

}),
})

Answer 2

这是一个对我有效的解决方案。

const validationSchema = Yup.object({
startDate: Yup.date().required(),
endDate: Yup.date().test(
"same_dates_test",
"Start and end dates must not be equal.",
function (value) {
const { startDate } = this.parent;
return value.getTime() !== startDate.getTime();
}
),
});