Antd datepicker（date.clone 不是函数）

Question

我有一个反应应用程序。有一个复选框可以禁用日期选择器。但是当我使用复选框禁用它时，我无法选择任何日期。如果我删除复选框及其功能，则没有错误。我有 date.clone 不是函数错误。有人能帮助我吗 ？谢谢

const dateFormat = "YYYY-MM-DD";
const today = moment();

const [date, setDate] = useState(today);
const [disabled, setdisabled] = useState(false);



const onCheckboxHandle = (e) => {
    if (e.target.checked) {
      setwarntill(moment("2090-10-10"));
      setdisabled(true);
    } else {
      setwarntill(today);
      setdisabled(false);
    }
  };

<Checkbox onChange={onCheckboxHandle}>Süresiz</Checkbox>
        <Form.Item name={["user", "timetill"]} label="Uyar? Biti? Tarihi">
          <ConfigProvider locale={locale}>
            <DatePicker
              defaultValue={moment()}
              format={dateFormat}
              onChange={(date,dateString) => setwarntill(dateString)}
              value={warntill}
              disabled={disabled}
            />
          </ConfigProvider>
        </Form.Item>

Answer 1

将 valuePropName 添加到 <Form.Item>

例如

<Form.Item valuePropName={'date'}>
    <DatePicker/>
</Form.Item>

Answer 2

在 moment 的帮助下解析日期对我有用 moment(myDate)

Answer 3

将DatePicker组件放在 <Form.Item > <Form.Item /> 之外，并检查它是否可以正常工作。

         <DatePicker
            format={"YYYY-MM-DD"}
            onChange={(date, dateString) =>
              this.handleDatepickerChange(date, dateString)
            }
            placeholder="Start Date"
            value={
              this.state.startDate !== ""
                ? moment(this.state.startDate)
                : ""
            }
          />