antd的RangePicker组件时间做可选时间范围为90天
时间: 2024-04-11 17:26:39 浏览: 134
Antd中单个DatePicker限定时间输入范围操作
你可以使用antd的RangePicker组件来设置可选时间范围为90天。首先,你需要导入RangePicker组件,然后在组件中设置相关属性。
下面是一个例子:
```jsx
import { DatePicker } from 'antd';
import moment from 'moment';
const { RangePicker } = DatePicker;
const disabledDate = (current) => {
// 获取当前时间
const today = moment().startOf('day');
// 获取90天前的时间
const ninetyDaysAgo = moment().subtract(90, 'days').startOf('day');
// 设置可选时间范围为90天前到今天
return current && (current < ninetyDaysAgo || current > today);
}
function App() {
return (
<div>
<RangePicker disabledDate={disabledDate} />
</div>
);
}
export default App;
```
在上面的例子中,我们定义了一个名为`disabledDate`的函数,用于禁用选择的日期。该函数会将当前日期与90天前和今天进行比较,如果当前日期早于90天前或晚于今天,则禁用该日期。
然后,在RangePicker组件中,我们将该`disabledDate`函数传递给`disabledDate`属性。这样就可以实现可选时间范围为90天。
你可以根据自己的需求进行调整和修改。希望对你有所帮助!
阅读全文