ant 日期组件DatePicker, 禁用日期判断:
import moment from "moment";
import { DatePicker, Space } from "antd";
1.禁用当前天,其他都可以,
function disabledDate(current) {
return current.format("YYYY-MM-DD") == moment().format("YYYY-MM-DD")
}
2.禁用所有的天(如:所有的10号)
function disabledDate(current) {
// 每年的维度,如今天是2022.4.20号,则该限制是控制每年的4.20号不可选
return current.format("MM-DD") == moment().format("MM-DD")
// 每月的维度,如今天是2022.4.20号,则该限制是控制每月的20号不可选
// return current.date() == moment().date();
}
3.限制时分秒
function disabledDateTime() {
return {
disabledHours: () => range(0, 24),
disabledMinutes: () => range(0, 60),
disabledSeconds: () => range(0, 60)
};
}
<DatePicker
format="MM-DD "
disabledDate={disabledDate}
disabledTime={disabledDateTime}
/>
网友评论