antd-日历组件，前后禁止选择，只能选中间一部分

最新推荐文章于 2025-06-29 09:03:40 发布

fang_ze_zhang

最新推荐文章于 2025-06-29 09:03:40 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： react

本文链接：https://blog.youkuaiyun.com/fang_ze_zhang/article/details/81868798

react 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用 Ant Design 的日历组件实现特定日期的禁用功能，通过 moment.js 进行日期判断，确保用户只能选择指定范围内的日期。

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

antd-日历组件，前后禁止选择，只能选中间一部分:

dateDisabledDate(current) {  // 需求有效期的禁止选择时间
        if (this.state.sailingtimeValue != null && this.state.sailingtimeValue.length != 0) {
            return current && (current < moment().subtract(1, 'd').add(1, "M") || current > moment(this.state.sailingtimeValue[0]).subtract(1, 'd'));
        } else {
            return current && current < moment().subtract(1, 'd').add(1, "M")
        }
    }