修改moment引用解决antd datepicker中英混合问题

原创 已于 2022-06-14 19:54:20 修改 · 812 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#typescript #node.js #react.js

于 2021-07-21 09:58:26 首次发布
博客作者分享了在项目中遇到的版本冲突问题，特别是使用npm install和yarn add时遇到的混乱情况。文章提到网上提供的解决方案五花八门，没有统一的标准。尽管没有给出具体的解决步骤，但暗示了解决方案可能涉及版本管理和包依赖的协调。

解决方法来源地址：https://github.com/ant-design/ant-design/issues/23891

项目版本号

antd 3.26.19
moment 2.29.0
nodejs 6.7.0

解决方案

在这里插入图片描述
根据该回答修改后：
在这里插入图片描述

网上真是各种乱七八糟的方案，最搞笑的是一个说不要用npm install，要用yarn add ，结果另一篇说不要用yarn add要用npm install，真尼玛呵呵哒。

烫烫烫口
关注
ant-design-vue中使用datepicker 中英文混合的解决，原因是少了moment
今日最可爱YeahT
05-11 3393
使用前的日期控件： 加上moment之后就好了。 <template> <a-config-provider :locale="locale"> <div id="app"> <router-view /> </div> </a-config-provider> </template> <script> import zhCN from 'ant-d...
Day 263/300 React+Ant Design Pro多语言（中英文）切换Demo
xinghuowuzhao的博客
10-14 1528
需要填写中英文两种文字的对照版本——两个文件分别对应文本不同的翻译内容，切换语言后，做不同的展示。项目需要中英文切换。需要将项目做中文/英文切换。来满足英语语言的展示和访问需求。包含了处理多语言的公共方法。
antd DatePicker 日期国际化错误 中英文混合存在（月份，星期英文，其他中文）
weixin_44815500的博客
09-07 3954
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
react+antd 引入moment之后，DatePicker显示出现英文
hzxOnlineOk的博客
09-18 2083
解决方案： 在js前加上以下3句。 import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'); 最终结果：
react使用的antd组件库之DatePicker组件线上和线下显示中英文混合bug解决
Yetian_2000的博客
07-01 1135
1、首先到package.json文件中看有没有moment插件的引入； 2、运行：npm install -S moment // 若有moment的最新版本引入 可跳过该步骤， 建议使用moment的最新版本； 3、在使用DatePicker组件的文件处最上面 需要导入两个插件 import ‘moment/locale/zh-cn’; import locale from ‘antd/es/date-picker/locale/zh_CN’; 再在DatePicker组件中加入locale属
Antd-4.x-DatePicker日期组件汉化问题
weixin_40532650的博客
02-25 1775
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}>
antdv 日期选择框date-picker中英文混显问题解决
cyh5d的博客
05-19 4429
ant-design-vue v3版本，日期选择框中月份和星期都显示英文，其它显示中文的情况，只需要在全局入口或局部组件内导入dayjs的locale即可，不需要设置dayjs的locale。（v2版本用的moment，把dayjs改成moment即可） import "dayjs/locale/zh-cn"; ...
antd DatePicker设置默认值
最新发布
08-20
引入DatePicker和dayjs（antd v5使用dayjs代替moment） 2. 使用defaultValue设置默认值（dayjs对象） 示例： */ import React from 'react'; import { DatePicker } from 'antd'; import dayjs from 'dayjs'; ...
Antd中的DatePicker 中英文
09-21
在引入DatePicker组件时，通过引入moment和antd/es/date-picker/locale/＊＊＊ } from 'antd'; import locale from 'antd/es/date-picker/locale＊＊＊locale} /> 方法二： 在全局范围内设置Ant Design的语言为中文...
react中引入antd
03-29
解决日期组件中英混显问题 当遇到日期组件在线上环境中显示中英文混合的情况时，可按照如下步骤排查和修复： ##### a. 检查 `package.json` 确认项目是否已经包含了 `moment` 插件。如果没有，请执行以下命令将其...
ant design vue中日期选择框混合时间选择器的用法说明
01-22
首先时间格式化用到moment方法，需要在页面中引入moment组件 import moment from ‘moment’ 结构代码： <a> triggerNode[removed] format=YYYY-MM-DD HH:mm:ss v-decorator=[ 'pushtime', { rules: [{ required: true, message: '请输入发布时间!' }]
ant vue 的datepicker类组件中英文混合显示解决
雅心小筑
03-04 885
在按文档进行全局汉化后发现日期选择插件月份和星期还是英文 百度了下,对moment进行汉化 import 'moment/locale/zh-cn'; 发现还是不起作用,最后在vue.config.js文件发现这句话 // Ignore all locale files of moment.js new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/), ...........,你在这里给我把语言文件都给我忽略.注释即可
antdv中时间选择器a-range-picker中英文混杂
weixin_44689966的博客
12-16 1040
RangePicker
antd DatePicker 组件 月份和星期显示英文
qq_33375680的博客
11-06 4138
两个项目使用了相同的配置，但是日历的显示有差异，一个是全中文，一个是部分中文 在入口文件加了配置，不生效 还尝试了将package-lock.json删除以及将node-modules 删除 后重新安装的方法，都没有生效 最后对moment换了一种安装方式，之前使用了npm 进行了安装，改成 yarn 安装之后 日历显示正常 ...
ant-design-vue 日期选择框date-picker中英文混显问题
m0_64649930的博客
02-23 1213
检查一下node_modules 有moment/dist/locale/zh-cn 目录吗，没有的话，用命令：npm i --save moment，就会出现dist 目录啦。朋友们，终于解决了 (Ｔ▽Ｔ)，世上无难事，只要肯坚持。将日期moment 组件汉化，在app.vue。vue2 中我用的是moment 日期组件。moment版本：我是 2.29.1。，这个时候需要加上这几行代码就好了。
ant design vue 日期选择框date-picker中英文混显问题解决
拿回忆下酒
03-22 3527
date-picker组件虽然展示中文了，但是月份和星期还是显示英文
a-range-picker中英文混杂
weixin_54240831的博客
08-08 717
中英文混杂的日期选择器
使用elementUI中的date-picker组件年月日显示英文
qq_48093489的博客
04-16 4816
date-picker组件从英文转换为中文一、date-picker显示英文二、问题原因三、解决办法 -- 引入并注册使用中文版elementUI 一、date-picker显示英文 二、问题原因 全局配置的使用的是英文版elementUI import locale from 'element-ui/lib/locale/lang/en' // lang i18n Vue.use(ElementUI, { zhLocale }) 三、解决办法 – 引入并注册使用中文版elementUI 引入： i
and-design-vue组件Date-Picker组件日期选择中英混合问题，或者一直在报date4.local is not a function
z368374的博客
05-13 866
在使用andv3时，明明在APP.vue文件配置了全局的语言-中文，但用到日期选择器等组件存在中英混合显示，或者纯英文的显示，与实际不符。以下是解决方案。
moment给antd DatePicker赋值
09-20
在Ant Design（AntD）的DatePicker组件中，你可以通过moment.js对象来设置初始日期。以下是基本步骤： 1. 首先，你需要引入必要的依赖，包括`antd`和`moment`库。 ```javascript import { DatePicker } from 'antd...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值