记一次antd坑——datepicker中value.getTi

使用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>