React.FC 中 Form.Item DatePicker 报错 'date.clone is not a function' 的解决方法
这个错误通常是因为使用了不兼容的 moment 版本导致的。在使用 DatePicker 时,需要确保使用的 moment 版本是兼容的。
解决方案之一是升级 moment 版本。可以尝试升级 moment 到最新版本:
npm install moment@latest --save
如果还是无法解决问题,可以尝试使用 antd 提供的 moment 版本,具体步骤如下:
- 首先,安装 antd 提供的 moment 版本:
npm install moment@2.24.0 --save
- 然后,在你的代码中引入 antd 提供的 moment 版本,替代默认的 moment 引入:
import moment from 'moment';
import 'moment/locale/zh-cn';
import { DatePicker } from 'antd';
moment.locale('zh-cn');
DatePicker.locale['zh-cn'] = {
...DatePicker.locale['zh-cn'],
lang: {
...DatePicker.locale['zh-cn'].lang,
placeholder: '请选择日期',
rangePlaceholder: ['开始日期', '结束日期'],
},
};
const { RangePicker } = DatePicker;
这样做的目的是为了确保 antd 和 moment 的版本兼容,从而解决报错问题。
原文地址: https://www.cveoy.top/t/topic/qlC7 著作权归作者所有。请勿转载和采集!