Yup表单中针对不同最大日期值的自定义验证方法

在Yup表单中，我们可以使用addMethod()方法来添加自定义验证规则。为了对不同的日期字段设置不同的最大日期值，我们可以使用该方法来创建一个针对日期字符串的验证规则，并在该规则中接受一个参数，用于设置最大日期值。

下面是一个示例代码，其中包含了一个自定义的验证规则，用于对生日字段进行验证，并根据当前日期计算最大可用日期：

import * as yup from 'yup';
import moment from 'moment';

yup.addMethod(yup.date, 'maxDate', function (maxDate, message) {
  return this.test('maxDate', message, function (value) {
    return value === null || moment(value).isSameOrBefore(moment(maxDate));
  });
});

const schema = yup.object().shape({
  birthday: yup.date().maxDate(moment().subtract(18, 'years'), 'You must be 18 years old or older')
});

// example usage
const data = { birthday: '2002-01-01' };
schema.validate(data)
  .then(valid => console.log(valid))
  .catch(error => console.log(error));

在上面的示例中，我们使用了moment.js库来处理日期对象，通过在生日字段上调用maxDate()方法并传递最大日期值和错误消息，来创建了一个自定义验证规则。在这种情况下，我们设置了最大日期为当前日期减去18年，以保证用户年龄不小于18岁。

示例中还包含一个用来展示如何使用自定义验证规则的例子，我们将数据对象传递给schema.validate()方法，并使用Promise方法来处理返回的结果。当日期字段小于最大日期值时，将抛出一个基于我们定义的消息的验证错误。