TypeScript+React结合momentjs如何实现日期大于昨日的校验规则？

• 字符串比较逻辑错误：日期的先后对比不能通过toString后的文本直接判断，比如日期字符串2024-05-20和moment对象toString生成的Mon May 20 2024 15:30:00 GMT+0800格式完全不同，逐字符对比的结果和实际时间先后没有关联，需要将两者都转换为moment对象后用内置方法对比，或者转成时间戳做数值对比。
• 比较基准不符合需求：原代码和当前时间moment()对比，实际需求是和「昨日」的时间基准对比，需要先计算对应基准时间。
• 缺少无效值兜底：如果传入的value是空值、非法日期格式，直接处理会抛出异常，需要先做合法性校验。

import moment from 'moment';

isGreaterThanYesterday: {
  validator: (value: string) => {
    // 空值判断可根据表单是否必填调整返回值
    if (!value) return false;
    // 将选中值转换为moment对象
    const selectDate = moment(value);
    // 兜底判断日期格式是否合法
    if (!selectDate.isValid()) return false;
    // 计算昨日零点作为对比基准，如果需要对比昨日当前时间，去掉startOf('day')即可
    const yesterday = moment().subtract(1, 'day').startOf('day');
    // 调用moment内置的isAfter方法做日期先后判断，更严谨
    return selectDate.isAfter(yesterday);
  },
  message: 'The date must be greater than yesterday'
}

如果你的校验逻辑要求选中日期必须大于昨日的当前时间（而非昨日零点），只需要把yesterday的计算规则修改为moment().subtract(1, 'day')即可。

内容的提问来源于stack exchange，提问作者kacper3671