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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容