antdv 日期选择框date-picker中英文混显问题解决

最新推荐文章于 2025-09-26 09:31:02 发布
原创 最新推荐文章于 2025-09-26 09:31:02 发布 · 4.4k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #vue #前端

本文介绍了如何在Ant Design Vue 3版本中仅用全局引入方式调整日期选择框的月份和星期显示为英文，同时保持其他部分使用中文。只需导入dayjs的中文locale即可实现。

ant-design-vue v3版本，日期选择框中月份和星期都显示英文，其它显示中文的情况，只需要在全局入口或局部组件内导入dayjs的locale即可，不需要设置dayjs的locale。（v2版本用的moment，把dayjs改成moment即可）

import "dayjs/locale/zh-cn";
cyh5d
关注
antd pro 日期组件英文问题
https://shixuebin.gitee.io/hexo-blog/
04-06 830
这个问题的原因是moment.js配置的是英文而导致的，修复的方式也很简单，哪个文件用了日期时间组件，就在哪个组件中导入，moment.js的中文包即可（切记不是在app.tsx中导入，否则不生效）
antd日期选择框中文（国际化）设置
李小小的博客
03-14 1万+
使用antd这个UI组件确实很好用，但是他属于面向国际的，所以在一些特定的组件需要使用国际化文字上的转变； 可以看到提示的文字都是英文，包括鼠标停留事件也是英文的，那么在你的代码中这么写就可以了 import React from 'react'; import {DatePicker } from 'antd'; //引入国际化设置（中文） import locale from 'antd/l...
ant-design-vue中使用datepicker 中英文混合的解决，原因是少了moment
今日最可爱YeahT
05-11 3413
使用前的日期控件： 加上moment之后就好了。 <template> <a-config-provider :locale="locale"> <div id="app"> <router-view /> </div> </a-config-provider> </template> <script> import zhCN from 'ant-d...
a-datepicker日期组件月份和星期一直显示英文，如何解决？
qq_42573767的博客
09-26 238
同样的配置，在一台电脑上显示正常，在另外一台电脑上一直显示英文，怎么配置都不生效，依赖包版本换了也不生效，折腾了半天，是依赖缓存，卸载依赖，重新安装一下，启动就正常了，真的是没想到。console.log(dayjs.locale()),中文输出 zh-cn 英文输出en。如果不知道当前是英文还是中文，可以打印出来看一下。
ant design vue 日期选择框date-picker中英文混显问题解决
拿回忆下酒
03-22 3566
date-picker组件虽然展示中文了，但是月份和星期还是显示英文
ant-design-vue 日期选择框date-picker中英文混显问题
m0_64649930的博客
02-23 1236
检查一下node_modules 有moment/dist/locale/zh-cn 目录吗，没有的话，用命令：npm i --save moment，就会出现dist 目录啦。朋友们，终于解决了 (Ｔ▽Ｔ)，世上无难事，只要肯坚持。将日期moment 组件汉化，在app.vue。vue2 中我用的是moment 日期组件。moment版本：我是 2.29.1。，这个时候需要加上这几行代码就好了。
el-date-picker的选择框中显示周几
06-27
在使用 `el-date-picker` 组件时，如果希望在选择框中显示星期几的信息，可以通过自定义日期格式和展示格式来实现。具体来说，可以利用 `format` 和 `value-format` 属性来控制日期的显示方式。 ### 自定义显示格式...
element ui el-date-picker中英文切换
最新发布
10-21
嗯，用户这次明确提出了el-date-picker组件中英文切换的需求。从引用内容来看，用户可能遇到了日期选择器显示英文而非中文的问题，这在实际开发中确实常见。用户引用的[3]和[5]特别值得关注，因为它们直接提到了语言...
Vue.js轻量级日期选择器组件vue-date-picker
- "Date Picker"是日期选择器的英文名称，它是指在应用程序中用于选择日期的界面组件。在Web开发中，日期选择器是一个常见的用户界面元素，它允许用户从日历中选择一个特定的日期。 7. 关于"vue-date-picker-...
<el-date-picker反显时间
01-04
### element-ui `el-date-picker` 显示时间配置及常见问题解决方案 #### 配置显示时间和日期格式 为了使 `el-date-picker` 组件能够按照指定的格式显示时间和日期，可以设置属性 `value-format` 和 `format`。前者...
关于Vue使用 i18n插件导致Date Picker日期控件出现英文错乱
初心不改
04-24 697
vue使用i18n国际化插件，日期控件英文错乱
Antd-4.x-DatePicker日期组件汉化问题
weixin_40532650的博客
02-25 1785
1.问题场景 2.修复后 3.原因 按照antd官方给出的配置使用； antd4.x-DatePicker国际化配置 / 默认语言为 en-US，如果你需要设置其他语言，推荐在入口文件全局设置 locale import moment from 'moment'; import 'moment/locale/zh-cn'; import locale from 'antd/lib/locale/zh_CN'; <ConfigProvider locale={locale}>
antd DatePicker 日期国际化错误 中英文混合存在（月份，星期英文，其他中文）
weixin_44815500的博客
09-07 3973
antd DatePicker 日期国际化错误 中英文混合存在（月份，星期英文，其他中文）版本代码效果：![在这里插入图片描述](https://img-blog.csdnimg.cn/d604d207c3bc4434b0c57bccbdd1a8f4.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAVjjotKQ=,size_20,color_FFFFFF,t_70,g_se,x_16
AntdVue 全局配置国际化——中文（日期datepicker显示英文问题已解决）
weixin_73318685的博客
05-10 6503
AntdVue 全局配置国际化——中文（日期datepicker显示英文问题解决）， 全局配置后按键以及大部分内容都成功转为了中文，但是日期内的依旧还是英文。antd全局配置
Vue项目中使用ant-design时设置DatePicker日期控件中文显示
热门推荐
S筱潇S四维Smile
06-12 1万+
默认配置为 en-US，如果你需要设置其他语言，推荐在入口处使用提供的国际化组件，详见：LocaleProvider 国际化。 方式一：在组件中单独设置 import locale from 'antd/lib/date-picker/locale/zh_CN'; <DatePicker locale={locale} />; 方法二：全局设置 注意：DatePick...
and-design-vue组件Date-Picker组件日期选择中英混合问题，或者一直在报date4.local is not a function
z368374的博客
05-13 878
在使用andv3时，明明在APP.vue文件配置了全局的语言-中文，但用到日期选择器等组件存在中英混合显示，或者纯英文的显示，与实际不符。以下是解决方案。
antdv下的a-datepicker星期、月份汉化失败问题修复
qq_20820295的博客
08-18 942
时间控件汉化
Antd的RangePicker或DatePicker中英文混显问题
weixin_51953261的博客
04-16 935
用yarn add moment@^2.24.0时还是会安装2.24.0的版本，需要在package.json中手动更改为^2.24.0再启动项目才能换版本。最后发现有可能是moment版本不对的问题。最后使用了^2.24.0版本。2. 引入dayjs。两种方案皆无法解决。
ant design Vue 中DatePicker 日期选择框星期英文问题
weixin_49352307的博客
03-27 1197
在新版本中,日期组件使用的是dayjs格式,还需要引入 dayjs/locale/zh-cn。现在官网的国际化设置也更新了这部分内容,使用新版本的按照官网的写法设置就可以了。其他组件没什么问题,只是在使用日期组件时发现月份和星期显示的还是英文。根据官网的写法,在app.vue文件引入国际化设置组件。
评论 7
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值