我在reactjs中使用Yup进行表单验证。我的表格有两个日期,startDate
和endDate
。我已成功实施范围验证。但在我的场景中,startDate必须大于endDate(不应等于(。但下面的模式只检查endDate的小于场景。因为它接受相同的日期。请帮忙。
我使用的模式是:
schema = Yup.object().shape({
startDate: Yup.date().min(new Date(), 'Please choose future date').typeError('Start Date is Required'),
endDate: Yup.date().min(Yup.ref('startDate'), 'End date must be grater than start date').typeError('End Date is Required'),
});
我知道已经太晚了,但我发布了这个答案,如果它能帮助我的话,我找到了这个解决方案:
schema = Yup.object().shape({
startDate: yup
.date()
.required("Start Date is Required"),
endDate: yup
.date()
.min(
yup.ref("startDate"),
"End date must be grater than start date"
)
.test({
name: "same",
exclusive: false,
params: {},
message: "End date must be grater than start date",
test: function(value) {
const startDate = moment(this.parent.startDate).format("YYYY-MM-DD")
const endDate = moment(value).format("YYYY-MM-DD")
return !moment(startDate).isSame(moment(endDate))
},
}),
});