问题描述
在正式环境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}
/>
今天又是充满希望的一天!!!