在jquense/yup中,日期范围"开始日期"不得与"结束日期"相同



我在reactjs中使用Yup进行表单验证。我的表格有两个日期,startDateendDate。我已成功实施范围验证。但在我的场景中,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))
},
}),
});

相关内容

  • 没有找到相关文章

最新更新