react+antdesign实现，日、周、月、季度的禁止选择某个日期、其他的都可以选择

日期选择功能代码及日期获取

最新推荐文章于 2025-02-28 16:17:47 发布

原创最新推荐文章于 2025-02-28 16:17:47 发布 · 244 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #redis #前端

代码：// 禁止选中日期的函数

const disabledDate = (current) => {

    const monthEnd = dayjs().subtract(2, "day").endOf("month"); // 截止日期

    return (

      dayDisable.some((item) => {

        const currentDate = dayjs(current).format("YYYY-MM-DD");

        return dayjs(item).isSame(currentDate);

      }) || current >= monthEnd

    );

  };

  // 禁止选择的周日期

  const weekdisabledDate = (current) => {

    return dayDisable.some((item) => {

      return current >= dayjs(item) && current <= dayjs(item).endOf("week");

    });

  };

  // 禁止选择的月日期

  const monthdisabledDate = (current) => {

    return dayDisable.some((item) => {

      return current >= dayjs(item) && current <= dayjs(item).endOf("month");

    });

  };

  // 禁止选择的季度日期

  const quarterdisabledDate = (current) => {

    return dayDisable.some((item) => {

      return current >= dayjs(item) && current <= dayjs(item).endOf("quarter");

    });

  };

最终效果