antd组件相关

最新推荐文章于 2024-11-22 20:33:40 发布

原创最新推荐文章于 2024-11-22 20:33:40 发布 · 202 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #react.js #前端

这段代码描述了Ant Design组件中时间选择的限制条件。它确保用户只能选择在当前日期之前或者在给定的两个日期范围之间的时间。当没有设定日期范围时，允许选择的最晚时间为当天。一旦选择了第一个日期，用户只能选择在该日期之后一年内且不晚于当前日期的时间。同样，如果设定了第二个日期，则最早只能选择在该日期前一年的时间。此逻辑适用于需要限制用户在特定时间区间内进行选择的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

antd组件，时间区域的限制。

  /* ========时间限制区间======= */
  const disabledDate = (current) => {
    if (!dates || dates.length === 0) {
      return current > moment().endOf("days");
    }
    const tooLate = (dates[0] && current > moment(dates[0]).add(1, "years")) || current > moment().endOf("days");
    const tooEarly = (dates[1] && current < moment(dates[1]).subtract(1, "years"));
    return tooLate || tooEarly;
  };