React Ant Design DatePicker 报错: 'date.clone is not a function' 解决方法

这个错误表明 'date.clone' 不是一个函数。这可能是因为 'date' 变量不是一个 Moment.js 对象，而是一个普通的 JavaScript Date 对象。

要解决这个问题，你可以将 'date' 转换为 Moment.js 对象，然后再调用 'clone' 函数。你可以使用 Moment.js 库的 'moment' 函数来进行转换，如下所示：

import React from 'react';
import { Form, DatePicker } from 'antd';
import moment from 'moment';

const MyForm = () => {
  const date = new Date();
  const momentDate = moment(date); // 将 date 转换为 Moment.js 对象

  return (
    <Form>
      <Form.Item label="Date">
        <DatePicker defaultValue={momentDate.clone()} /> {/* 使用 clone 函数 */} 
      </Form.Item>
    </Form>
  );
};

export default MyForm;

使用 'moment(date)' 将 'date' 转换为 Moment.js 对象后，再调用 'clone' 函数将其克隆为一个新的 Moment.js 对象，然后将其作为 'DatePicker' 的 'defaultValue' 属性传递。

这样应该可以解决 'date.clone is not a function' 的错误。