前端date.locale is not a function错误解决办法

在使用antd组件DatePicker时，修改数据之前做数据回显，但是在数据回显时总是会报一个错误：date.locale is not a function。经过一步步的排错，最终确定是使用antd中DatePicker（日期选择器）组件的问题，此时我只在表单中写了一个DatePicker组件，并在表单中进行了数据绑定

查阅了很多资料都没能解决这个问题，最后还是查看antd官网。发现需要引入locale，并使用local参数，下面截图了我在项目中的实际应用

antd DatePickerAPI：

我的实际应用：

调用接口获取回显数据，所以在回显时就对日期格式进行了设置，YYYY-MM-DD是日期的格式

以上就解决了数据回显的问题，下面还有修改日期进行保存时可以使用这条数据的format来设置

以上数据的回显和保存就都完成啦。另外，仔细查看API还会发现可以对组件进行国际化配置

使用antd中很多组件都是英文的，比如Modal（对话框）组件

 

对需要国际化的组件设置之后，代码实现也很容易理解，引入dayjs和local，然后把需要国际化的组件包裹起来就可以了。