ant 日期組件DatePicker, 禁用日期判斷

ant 日期組件DatePicker, 禁用日期判斷:

import moment from "moment";
import { DatePicker, Space } from "antd";

1.禁用當(dāng)前天,其他都可以,
function disabledDate(current) {
return current.format("YYYY-MM-DD") == moment().format("YYYY-MM-DD")
}

2.禁用所有的天(如:所有的10號(hào))
function disabledDate(current) {
// 每年的維度,如今天是2022.4.20號(hào),則該限制是控制每年的4.20號(hào)不可選
return current.format("MM-DD") == moment().format("MM-DD")

// 每月的維度,如今天是2022.4.20號(hào),則該限制是控制每月的20號(hào)不可選
// return current.date() == moment().date();
}

3.限制時(shí)分秒
function disabledDateTime() {
return {
disabledHours: () => range(0, 24),
disabledMinutes: () => range(0, 60),
disabledSeconds: () => range(0, 60)
};
}

<DatePicker
format="MM-DD "
disabledDate={disabledDate}
disabledTime={disabledDateTime}
/>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容