Ant Design 提供了一个日期选择器组件 DatePicker,可以通过设置 disabledDate 属性来禁用特定的日期。以下是一个示例代码,演示如何禁用今天之前的日期和其他自定义日期。
import { DatePicker } from 'antd';
import moment from 'moment';
function disabledDate(current) {
// 禁用今天之前的日期
if (current && current < moment().endOf('day')) {
return true;
}
// 禁用其他自定义日期
const disabledDates = [
moment("2022-01-01"),
moment("2022-02-14"),
moment("2022-12-25")
];
return disabledDates.some(date => current.isSame(date, 'day'));
}
function App() {
return (
);
}
export default App;
在上面的代码中,disabledDate 函数用于判断日期是否应该被禁用。首先,我们检查日期是否在今天之前,如果是,则返回 true 禁用该日期。然后,我们定义了一个 disabledDates 数组,包含了需要禁用的自定义日期。最后,我们使用 DatePicker 组件,并将 disabledDate 函数作为 disabledDate 属性传递给组件。
通过上述代码,你可以禁用今天之前的日期和其他自定义日期。你可以根据自己的需求,修改 disabledDates 数组中的日期,或者添加其他的禁用逻辑。