Тип средства выбора даты в дизайне муравья не является строкой при использовании с getFieldDecorator

Question

Когда я использовал DatePicker в response.js внутри формы с getFieldDecorator, после выбора даты будет выдано сообщение об ошибке «значение datepicker не является строкой».

Я пробовал DatePicker без getFieldDecorator формы, где он не будет отображать ошибку.Но мне нужно использовать DatePicker с getFieldDecorator.

<FormItem
                {...formItemLayout}
                label="Start Date"
            >
                {getFieldDecorator('startValue', {
                    rules: [{
                        message: 'The input is not a valid Start Date!'
                    }, {
                        required: true, message: 'Please input your Starting Date for the assigned task',
                    }],
                })(
                    <DatePicker
                        disabledDate={this.disabledStartDate}
                        showTime
                        format="YYYY-MM-DD HH:mm:ss"
                        placeholder="Start"
                        onChange={this.onStartChange}
                        onOpenChange={this.handleStartOpenChange}
                    />
                )}
</FormItem>

Выше приведена часть кода для выбора даты.Там я всегда получаю сообщение о том, что ввод не является действительной датой начала!(В консоли написано не строка.) Так как я могу решить эту ошибку?

Answer 1

        <FormItem {...formItemLayoutWithOutLabel}>
          {getFieldDecorator("startValue", {
            rules: [
              {
                required: true,
                message: "Please input your Starting Date for the assigned task"
              }
            ]
          })(
            <DatePicker
              disabledDate={this.disabledStartDate}
              showTime
              format="YYYY-MM-DD HH:mm:ss"
              placeholder="Start"
              onChange={this.onStartChange}
              onOpenChange={this.handleStartOpenChange}
            />
          )}
        </FormItem>

Answer 2

Вам необходимо удалить эту часть из правил проверки:

{
    message: 'The input is not a valid Start Date!'
}

Вы можете проверить правила проверки ant-design .Я создал рабочий демо .