問題描述
在正式環境antd突然DatePicker不能使用,但是本地環境是好的,線上報錯 loadable-components: failed to asynchronously load component
原因
disabledDate
加了一個這個屬性,但是呢這個傳入到具體的disabledDate函數中必須要有一個disabledDate的有效值
解決方案
加了disabledDate 之後線上突然報錯,頁面直接變成白屏,怎麼辦呢??? 刪掉這個屬性,頁面又正常了
找到根本原因了就去官網上找原因呀,可是官網上沒有隻有日期的禁用例子
剛開始懷疑是屬性衝突,可是其它的刪光了就只留這個還是報錯
最後複製了showTime={{ defaultValue: moment('00:00:00', 'HH:mm:ss') }}
,居然神奇的頁面沒有報錯了
原來需要一個默認值,可是我並不想要一個默認值怎麼辦呢???
就只能從disabledDate
的函數入手了,設置傳入的current
最後附上代碼
function disabledDate(current) {
// 設置只能選擇今天及今天以後的數據
return current && current < moment().subtract(1, 'days');
// return false;
}
<DatePicker
format="YYYY-MM-DD"
inputReadOnly
disabledDate={(current) => disabledDate(current || '0')}
showToday={false}
/>
今天又是充滿希望的一天!!!