Ant design pro 怎么把日历英文改为中文？？？国际化

最新推荐文章于 2023-09-11 20:00:00 发布
最新推荐文章于 2023-09-11 20:00:00 发布
阅读量2.1k 收藏 3
点赞数 2
分类专栏： IT 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w161513820/article/details/107690856
版权

这两天用ant design pro 发现了一个问题 使用日历组件的时候里面居然是英文状态。
在这里插入图片描述

看了官方文档说的是把默认语言改为zh-CN就行了，但是居然没有效果这个鬼东西依然我行我素，冒着砸键盘的心态找遍了整个文档也没有发现有用的问题。突然脑袋就像野比大雄附体一样看到了问题所在在这里插入图片描述
怎么这个地方有个en-US难不成是因为里面有个地方把语言存在了本地存储？ 顺着这条线索找到了这个地方 这个文件在src/core/bootstrap.js下面在这里插入图片描述
把本地存储改为zh-CN 然后清空本地存储以后运行代码，果然不出我的锁尿完美运行，此时的我就像吃了八斤屎一样难受，找了这么久的问题居然是这个地方
在这里插入图片描述
继续寻找一下个bug

芒果大胖砸
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
antd pro 日期组件英文问题
https://shixuebin.gitee.io/hexo-blog/
04-06 506
这个问题的原因是moment.js配置的是英文而导致的，修复的方式也很简单，哪个文件用了日期时间组件，就在哪个组件中导入，moment.js的中文包即可（切记不是在app.tsx中导入，否则不生效）
ant design pro动态菜单
03-30
在Ant Design Pro中实现动态菜单是一项常见的需求，尤其是在构建企业级后台管理系统时。Ant Design Pro是一个基于Ant Design和React的高级UI框架，它提供了一系列组件和解决方案，帮助开发者快速搭建和定制后台应用...
ant 中日历组件中英文混杂解决办法
lfalt的博客
09-02 392
ant
Ant Design for React的DatePicker日期组件设置默认显示中文的方法
07-23
Ant Design for React的DatePicker日期组件设置默认显示中文的方法 单一组件设置为中文 ConfigProvider全局化配置 Content Security Policy
Day 263/300 React+Ant Design Pro多语言（中英文）切换Demo
xinghuowuzhao的博客
10-14 1323
需要填写中英文两种文字的对照版本——两个文件分别对应文本不同的翻译内容，切换语言后，做不同的展示。项目需要中英文切换。需要将项目做中文/英文切换。来满足英语语言的展示和访问需求。包含了处理多语言的公共方法。
解决Antd使用日期时间类组件中文（汉化）无效果问题
weixin_48293798的博客
09-11 1070
使用Antd组件库开发时用到一些日期时间类等的组件显示的英文，因为官网本身提供的是英文版本的，我们需要将其修改为中文版。使用官网文档的国际化配置，我们进行配置但是仍没有效果。依赖下载之后在App.tsx文件里面引入。组件并使用local = {zhCN}如果所示，日期显示的是英文版本的。这样就成功的实现汉化了。
Ant design pro of vue 中文设置
偷喝汽水的博客
08-05 436
从github上下拉的代码是英文的，要变成中文，步骤如下： 一、src\locales\index.js 把 en-US 改成 zh-CN // default lang import zhCN from './lang/zh-CN' Vue.use(VueI18n) export const defaultLang = 'zh-CN' const messages = { 'zh-CN': { ...zhCN } } 二、src\core\bootstrap.js 同上.
ant design4.40 web组件库 ant design pro后台模板库（精细-完整）
12-26
Ant Design 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 ant design4.40-web组件库 是基于Axure ，参考Ant Design 的样式而设计的一套模板库，是产品经理必备套件库，Ant Design...
Ant Design Pro 下实现文件下载的实现代码
10-15
在Ant Design Pro框架下实现文件下载功能，是前端开发者在开发过程中常遇到的需求。本文将详细介绍如何在Ant Design Pro中实现文件下载功能，涉及到的关键知识点包括如何使用Ajax发送请求，如何处理响应数据，以及...
基于 Ant Design of Vue 实现的 Ant Design Pro 源码
12-29
基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
Ant Design Vue ：使用日历Calendar，中英文切换
Crazy_GirlLL的博客
05-12 2533
官网地址：https://www.antdv.com/components/calendar-cn/#API 官网中这么说 故，使用时，没做特殊设置，显示的都是英文 中英文切换仅在App.vue中设置即可，当然还需要对中英文切换的识别，在此可以使用vue-i18n 即可 ...
React使用ant时设置DatePicker日期控件中文显示
欢迎光临
03-13 7276
方式一：局部设置 import 'moment/locale/zh-cn'; import locale from 'antd/lib/date-picker/locale/zh_CN'; //调用时引用locale <DatePicker format="YYYY-MM-DD" placeholder="" locale={locale} /> 方式二：...
ant design vue pro设置默认语言为中文
ke_sin的博客
04-13 4076
1.在src\locales\index.js文件修改默认语言 // import enUS from './lang/en-US' import zhCN from './lang/zh-CN' Vue.use(VueI18n) // export const defaultLang = 'en-US' export const defaultLang = 'zh-CN' const messages = { // 'en-US': { // ...enUS // } 'zh-
【原创】react+antdesign接口返回为数字，前台展示中文，如何实现
yiran1919的博客
04-23 373
1、循环列表中某个字段，接口返回为数字，前台要展示对应的中文，该怎么实现呢。2、详情页中某个字段，接口返回为数字，前台要展示对应的中文，该怎么实现呢。3、列表页某个字段，接口返回为数字，前台要展示对应的中文，该怎么实现呢。listData循环取值，将其中的mStatus循环赋下中文值。页面读取该字段，data.mStatus为接口里读取的该字段。首先，将列表中，每行的接口响应，赋值给listData。首先，定义statusMap。如下，各数字，分别对应。
antd design国际化配置为中文时，日期组件中月与星期显示为英文，其他显示为中文
热门推荐
hu_lanlan的博客
06-06 1万+
antd design国际化具体配置见官网 https://ant.design/components/locale-provider-cn/ 主要代码： import { LocaleProvider } from 'antd'; import zh_CN from 'antd/lib/locale-provider/zh_CN'; import moment from 'moment'; ...
Ant Design Pro 国际化语言包
闪电⚡之王的博客简介
12-29 295
例如刚新建了一个路由,发现是无法规定该菜单的名字。
Antd日期选择框中文【最新版本，亲测有效】
小道仙的后宫
04-10 5269
不得不说Antd的确蛮好用的，但是还是要吐槽，遇到一点问题百度基本上解决不了，而且文档写的也的确不怎么样 就这个日期选择器，默认竟然不支持中文？？？而且百度了半天都是什么鬼？？？ 这是默认效果 这是之后的效果 第一步：根据官方文档导入下面的代码（你可以放在使用日期选择框的界面也可以放在main.js里面） // import zhCN from 'ant-design-vue/lib/loc...
【antd vue pro】设置项目默认语言为中文:
SunPeng的博客
11-23 1430
【antd vue pro】设置项目默认语言为中文:
【Antd+vue】Antd pro项目设置默认语言为中文
Emily's Blog
07-17 9271
最近使用ANT DESIGN PRO OF VUE进行内部系统的开发，发现从官网拉下来的脚手架默认语言为英文，那么就需要我们额外设置一波了！通过简单3步，日期控件等默认也均为中文哒！ Step1. 在src\locales\index.js文件修改默认语言 // default lang // import enUS from './lang/en-US' import zhCN from './lang/zh-CN' // 默认语言由英文改为中文 Vue.use(VueI18n) // export
Ant Design和Ant Design Pro有什么区别？
最新发布
03-07
Ant Design和Ant Design Pro是两个由蚂蚁金服开发的前端UI框架，它们有以下区别： 1. Ant Design：Ant Design是一个面向企业级应用的UI框架，提供了丰富的组件和设计规范，可以帮助开发者快速构建美观、易用的Web应用。Ant Design注重组件的可复用性和可定制性，提供了大量的基础组件和布局，同时支持响应式设计和国际化。 2. Ant Design Pro：Ant Design Pro是基于Ant Design的一套企业级中后台前端解决方案，它提供了一整套开箱即用的中后台模板和功能组件，可以帮助开发者快速搭建中后台管理系统。Ant Design Pro内置了许多常见的中后台功能，如权限管理、数据可视化、表单生成等，同时提供了丰富的模板和布局样式，使开发者能够更高效地开发中后台应用。 总结来说，Ant Design适用于各种类型的Web应用开发，而Ant Design Pro则更专注于中后台应用的开发，提供了更多的功能和模板。两者都遵循Ant Design的设计规范和风格，具有良好的可扩展性和可定制性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值