美文网首页
ant 日期组件DatePicker, 禁用日期判断

ant 日期组件DatePicker, 禁用日期判断

作者: JancyCC | 来源:发表于2022-04-19 15:45 被阅读0次

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}
/>

相关文章

网友评论

      本文标题:ant 日期组件DatePicker, 禁用日期判断

      本文链接:https://www.haomeiwen.com/subject/smwsertx.html