antd的RangePicker限制时间跨度为90天
时间: 2024-04-11 11:27:11 浏览: 138
Antd中单个DatePicker限定时间输入范围操作
你可以通过设置 `disabledDate` 属性来限制 `RangePicker` 的时间跨度为90天。下面是一个示例代码:
```jsx
import { DatePicker } from 'antd';
import moment from 'moment';
const { RangePicker } = DatePicker;
function disabledDate(current) {
// 获取当前日期
const today = moment();
// 获取90天前的日期
const ninetyDaysAgo = today.clone().subtract(90, 'days');
// 禁用大于90天前和小于今天的日期
return current && (current > today || current < ninetyDaysAgo);
}
function MyComponent() {
return (
<RangePicker disabledDate={disabledDate} />
);
}
```
以上代码中,`disabledDate` 函数用于设置禁用日期的逻辑。通过 `moment` 库获取当前日期和90天前的日期,并将其与选择的日期进行比较,从而禁用大于90天前和小于今天的日期。
你可以根据自己的需求进行适当的修改。希望能帮到你!
阅读全文