Antd RangePicker限制选择时间段为30天,动态禁用其他日期

需求说明:

根据选择的时间,动态禁用范围外的时间。RangePicker时间选择框,只能选择今天及之前的时间,最多选择30天。

比如:当前时间为2020-07-30,首先需要禁用2020-07-30以后的时间;

选择了时间2020-05-01,需要禁用2020-05-31之后和2020-04-01之前的时间,保证最后只能选择最多31天的数据

代码思路:

进入页面日期选择框内默认显示最近一个月,今天以后的时间禁用;选择开始时间,动态禁用30天区间之外的时间;

方法介绍:

Antd RangePicker限制选择时间段为30天,动态禁用其他日期_第1张图片

标签内容:

逻辑代码:

参考文章:

https://blog.csdn.net/weixin_44674459/article/details/106000338

你可能感兴趣的:(技术日常,前端,vue.js,AntD)