在正式環境antd的DatePicker不能使用???

問題描述

在正式環境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}
/>

今天又是充滿希望的一天!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章