是的日期验证，开始日期之后的结束日期

Question

这是我的代码，我试图强制两个日期字段始终不同，结束日期必须至少比开始日期晚 1 天。

const EditSchema = Yup.object().shape({

       StartDate: Yup.date()
      .transform(value => (isDate(value) ? undefined : value))
      .typeError('Enter a start date')
      .required('Enter a start date'),

       EndDate: Yup.date()
      .min(Yup.ref('StartDate'), 'End date must be after start date')
      .transform(value => (isDate(value) ? undefined : value))
      .typeError('Enter an end date')
      .required('Enter an end date')
});

Answer 1

数小时后试图弄清楚该怎么做。

这是代码。

当您有一个日期选择器并选择一个日期时，它将类似于“01/01/2021 00:00:00”。

因此，如果您需要结束日期至少比开始日期晚 1 天，则必须在开始日期上增加 1 小时，这样您就不能放置 2 个相等的日期。

   StartDate: Yup.date()
      .transform(value => (isDate(value) ? undefined : value))
      .typeError('Enter a date')
      .required('Enter a date')
      ),
      EndDate: Yup.date()
      .min(Yup.ref('StartDate'), 'End date must be after start date')
      .when('StartDate', (st, schema) => {
      
        if(st != null){
          st.setHours(st.getHours() + 1);
          return schema.min(st)

        //this else prevents your page from crashing if there's any other input
        
         }else
          return schema.min('1900-01-01')

      })
      .transform(value => (isDate(value) ? undefined : value))
      .typeError('Enter a date')
      .required('Enter a date')
  });