Antd datepickerdate.clone不是函数

如何解决Antd datepickerdate.clone不是函数

我有一个React应用。有一个复选框可以禁用日期选择器。但是我无法使用复选框选择任何日期。如果我删除复选框及其功能，则没有错误。我有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>

解决方法

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

,

我已经意识到，当使用内部的

时，它将丢弃“ 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>
       <ConfigProvider locale={locale}>
            <DatePicker
              defaultValue={moment()}
              format={dateFormat}
              onChange={(date,dateString) => setwarntill(dateString)}
              value={warntill}
              disabled={disabled}
            />
          </ConfigProvider>

,

我遇到了同样的问题，这与 Form.Item 无关

我在 Form.Item 中有它们

我通过以下方式解决了这个问题：

1. 页面加载时初始化表单值

2. 当您初始化时，请记住，antD 默认语言环境是 US，因此，您需要将您的时刻或字符串转换为 MM/DD/YYYY 的时刻

然后这解决了我的问题

,

将 DatePicker 组件放在

之外并检查它是否可以正常工作。

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

,

试试这个，这对我有用

const today = moment(new Date().getDate(),'DD/MM/YYYY')

,

这将解决您的问题。

Use defaultValue={moment(moment(),dateFormat)}