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

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

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