ant 中日历组件中英文混杂解决办法

最新推荐文章于 2024-05-13 15:45:17 发布

原创最新推荐文章于 2024-05-13 15:45:17 发布 · 456 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue

本文介绍了如何在Vue项目中引入和使用moment的中文本地化代码。首先，在main.js文件中导入`moment/locale/zh-cn`，然后如果缺少moment库，通过npm安装。在组件中，通过import引入ant-design-vue的中文日期选择器locale，并在data中定义。这样，页面上的日期选择器将显示为中文。

在main.js 中引入moment中文代码

import "moment/locale/zh-cn";

如果node_modules 中没有moment 执行下面代码安装moment

npm install moment --save

页面使用如下：

<a-date-picker :locale="locale" > </a-date-picker>

import locale from 'ant-design-vue/es/date-picker/locale/zh_CN';

data(){

return {

locale

}

}