antd DatePicker日期修改为中文显示

最新推荐文章于 2024-07-01 11:44:19 发布
最新推荐文章于 2024-07-01 11:44:19 发布
阅读量5.8k 收藏 4
点赞数 4
文章标签： javascript vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46538057/article/details/110163524
版权

默认引入的组件月份展示是英文的在这里插入图片描述
不符合中文网站阅读习惯，想要改成中文，需要国际化配置在组件使用的地方

	import moment from 'moment';
    import 'moment/locale/zh-cn';
    moment.locale('zh-cn');

（上面二三行的内容）
添加后这样就好啦
在这里插入图片描述

桌酱
关注
react-antd-date日期默认英文，改成中文（中英混合）
outstanding木槿
10-25 1140
【代码】react-antd-date日期默认英文，改成中文（中英混合）
antd 时间选择器，设置显示为中文
qq_41148886的博客
11-18 7244
使用antd框架时，一些默认提示为英文，将英文提示改为中文，以DatePicker为例 可以使用 import { Tooltip , Button, Icon, Table, Select, DatePicker, LocaleProvider } from 'antd'; import zh_CN from 'antd/lib/locale-provider/zh_CN'; import ...
antd组件库如何实现中文日历组件
最新发布
Python私教
07-01 260
【代码】antd组件库如何实现中文日历组件。
Ant Design for React的DatePicker日期组件设置默认显示中文的方法
07-23
Ant Design for React的DatePicker日期组件设置默认显示中文的方法 单一组件设置为中文 ConfigProvider全局化配置 Content Security Policy
react-antd设置DatePicker日期控件中文显示
outstanding木槿
03-28 1176
【代码】react-antd设置DatePicker日期控件中文显示。
如何把antd的日期插件里面的月份日期改成中文？？？
feizhong_web的博客
09-13 7492
我在官网例子，用的就是DatePicker日期选择框，明明看到的里面月份都是中文，放到后台管理系统的时候也不知道为啥月份变成英文了，直接上解决方法：开头先引入 // 以下4行引入解决日期控件英文的问题 import moment from 'moment' import locale from 'antd/lib/date-picker/locale/zh_CN' import 'moment...
datePicker显示中文
aas3637721的博客
04-18 2233
/*时间组件中文 start*/ $.datepicker.regional['zh-CN'] = { closeText: '关闭', prevText: ', nextText: '下月>', currentText: '今天', monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '
记一个 antd DatePicker 语言问题
Amy的博客
06-26 3472
问题描述 想要设置组件为英文，代码如下： import locale from 'antd/lib/date-picker/locale/en_US'; ... 省略其他代码 ... <RangePicker { ...{ locale } } /> 但是并没有得到想要的效果，由下图中 6月 2019 可以看到应该是已经修改为英文顺序了，但是组件中的字还是中文的。 ...
关于使用antd中DatePicker时，回调接口日期格式的更改方法
weixin_47869889的博客
12-26 2280
使用datapicker回调时，如何修改时间格式。 创建函数 使用moment和format之前需要引入moment。 import moment from 'moment'; const format=(value)=>{ return moment(value).format('yyyy-MM-DD')//将时间格式转成yyyy-MM-DD } 关于yyyy-mm-dd的大小写区别 这里举了一个双选时间的例子，后端往往需要接收开始和结束两个字段所以创建了bondStartTime和bo
antd-DatePicker组件获取时间值，以及相关设置
热门推荐
读心悦
03-01 1万+
DatePicker组件默认语言是英语，需要设置为中文的话，需要安装moment。 import moment from "moment"; import "moment/locale/zh-cn" format属性，设置日期的格式，如“2020-02-28”。 设置日期 选择日期是今天之前【包含今天】 需要和moment搭配应用 // 设置默认的起始日期 c...
bootstrap-datepicker默认中文最新版
07-09
bootstrap-datepicker默认中文最新版，增加了中文选项，下载直接引入使用
设置 DatePicker 中文显示
07-13
NULL 博文链接：https://flyer0126.iteye.com/blog/743449
datepicker设置中文
weixin_51722520的博客
10-17 585
jQuery中文时间选择器
Ant Design for React的DatePicker日期组件设置默认显示中文的方法和一些技巧
m0_51578916的博客
12-02 3404
b.注意：DatePicker、MonthPicker、RangePicker、WeekPicker 部分 locale 是从 value 中读取，需要先正确设置 moment 的 locale。ConfigProvider 使用 React 的 context 特性，只需在应用外围包裹一次即可全局生效。注意： 如果不套用，则不知道feRef是什么东西。自定义点击事件的处理方法。2.setTimeout就是被放入。来防止过度的点击，同时。可以阻止冒泡的事件。a.单一组件设置为中文。
bootstrap-datepicker显示中文
与望
02-20 4651
引言 网上教你怎么显示中文很多，我也看了很多。但是并没有解决我显示不了中文的疑惑。 一般来说引入的方式首先是引入样式脚本： &lt;href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css"&gt; &lt;script src="htt...
datepicker默认显示中文
zkg510168343的专栏
05-20 1439
$.datepicker.regional["zh-CN"] = { closeText: "关闭", prevText: "<上月", nextText: "下月>", currentText: "今天", monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"
antd datepicker 月份、周未展示中文问题
Coffee coder
02-22 1276
虽然项目有设置全局ConfigProvider的locale，但似乎从输出的locale来看（来自 antd/lib/locale/zh_CN），缺少了monthFormat和shortWeekdays两个配置项，一个是展示月份的配置，一个是展示周的配置。项目在用antd 4.18.9 时，遇到datepicker 月份和周都没正常展示中文。后面全局配置locale就不再直接用antd/lib/locale/zh_CN的了。那既然如此，不妨自己扩展一下locale，补上缺失的配置项。
把antd的日历插件的日期换成中文
浩星
03-11 4713
前言： 在网上百度搜索日历插件，经常就被导到日期插件那里去了，而且，antd的日历插件 calendar 也有英文和中文的问题，这里说一下解决办法。 效果： 前面是刚引入的效果图，后面是处理后的效果图 步骤： 1、引入中文插件 import 'moment/locale/zh-cn'; 2、data定义变量，然后页面组件中引用 data部分： locale:...
react antd DatePicker不可修改时间,默认为所选日期的23点59分59秒
05-30
要让 antd DatePicker 可以修改时间并设置为所选日期的 00 点 00 分 00 秒，可以使用 DatePicker 组件的 `showTime` 属性和 `defaultValue` 属性来实现。 示例代码： ```jsx import { DatePicker } from 'antd'; import moment from 'moment'; const { RangePicker } = DatePicker; function onChange(dates, dateStrings) { console.log('From: ', dates[0], ', to: ', dates[1]); console.log('From: ', dateStrings[0], ', to: ', dateStrings[1]); } function disabledDate(current) { // Can not select days before today and today return current && current < moment().endOf('day'); } function disabledDateTime() { return { disabledHours: () => [], disabledMinutes: () => [], disabledSeconds: () => [], }; } function disabledRangeTime(_, type) { if (type === 'start') { return { disabledHours: () => [], disabledMinutes: () => [], disabledSeconds: () => [], }; } return { disabledHours: () => [], disabledMinutes: () => [], disabledSeconds: () => [], }; } function App() { return ( <div> <DatePicker showTime={{ defaultValue: moment('00:00:00', 'HH:mm:ss') }} defaultValue={moment('2021-06-01', 'YYYY-MM-DD')} disabledDate={disabledDate} disabledTime={disabledDateTime} format="YYYY-MM-DD HH:mm:ss" onChange={onChange} /> </div> ); } export default App; ``` 在 `showTime` 属性中，设置 `defaultValue` 为所选日期的 00 点 00 分 00 秒，即 `moment('00:00:00', 'HH:mm:ss')`。 在 `defaultValue` 属性中，设置默认选中日期为 `moment('2021-06-01', 'YYYY-MM-DD')`。 这样设置之后，就可以在 antd DatePicker 组件中选择日期和时间，并且默认时间为所选日期的 00 点 00 分 00 秒。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值