記一次antd坑——datepicker中value.getTime is not a function

使用datepicker作為時間錄入表單的, 之前上線的功能本地突然報錯了o(╥﹏╥)o。

時間選擇時報錯,表單提交時value.getTime is not a function
              <Col span={12} key={4}>
                <FormItem
                  {...formItemLayout}
                  wrapperCol={{ span: 13 }}
                  label='上牌時間'
                >
                  {getFieldDecorator('registerTime', {
                    initialValue: carInfo.registerTime
                      ? moment(carInfo.registerTime)
                      : '',
                    rules: [
                      {
                        required: true,
                        Message: '請選擇上牌時間!'
                      }
                    ]
                  })(
                    <MonthPicker
                      format='YYYY/MM'
                      style={{ width: '300px' }}
                      disabledDate={this.disabledDate}
                    />
                  )}
                </FormItem>
              </Col>

一看報錯就知道是moment類型的原因,看了下anth的github,果然是這個原因,哎,datepicker只支持moment類型,表單獲取是string類型引起報錯,不知道之前為啥沒報錯,坑。修改如下

               <Col span={12} key={4}>
                <FormItem
                  {...formItemLayout}
                  wrapperCol={{ span: 13 }}
                  label='上牌時間'
                >
                  {getFieldDecorator('registerTime', {
                    initialValue: carInfo.registerTime
                      ? moment(carInfo.registerTime)
                      : '',
                    rules: [
                      {
                        type: 'object', // 控件只支持moment只能object了
                        required: true,
                        Message: '請選擇上牌時間!'
                      }
                    ]
                  })(
                    <MonthPicker
                      format='YYYY/MM'
                      style={{ width: '300px' }}
                      disabledDate={this.disabledDate}
                    />
                  )}
                </FormItem>
              </Col>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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