Antd的日期选择器中文化配置

迈不过友情╰ 2023-10-14 20:27 51阅读 0赞

当你使用antd的日期选择器后，你会发现日期什么都是英文的：即便你已经在项目中配置了中文化：![1605623ee3004fd3b0e5409ddde9c106.png][]

我确实已经配置了中文化：![85ed99f372a549cabe87e758ae19dab9.png][]

但是为啥没生效？官网回答：[FAQ - Ant Design][]

dayjs中文网： [安装 | Day.js中文网][_ Day.js]

所以按照官网提示，安装dayjs：

pnpm add dayjs

然后配置： 点击保存

import dayjs from 'dayjs'
    import 'dayjs/locale/zh-cn'
    
    dayjs.locale('zh-cn')

![8659563ef64240348267c2b737434f44.png][]

到网页上重新刷新网页： 就已经是中文了

![d334c67b040e46f6b0f36ab69b03087b.png][]

[1605623ee3004fd3b0e5409ddde9c106.png]: https://img-blog.csdnimg.cn/1605623ee3004fd3b0e5409ddde9c106.png
[85ed99f372a549cabe87e758ae19dab9.png]: https://img-blog.csdnimg.cn/85ed99f372a549cabe87e758ae19dab9.png
[FAQ - Ant Design]: https://ant.design/docs/react/faq-cn#%E4%B8%BA%E4%BB%80%E4%B9%88%E6%97%B6%E9%97%B4%E7%B1%BB%E7%BB%84%E4%BB%B6%E7%9A%84%E5%9B%BD%E9%99%85%E5%8C%96-locale-%E8%AE%BE%E7%BD%AE%E4%B8%8D%E7%94%9F%E6%95%88
[_ Day.js]: https://dayjs.fenxianglu.cn/category/#node-js
[8659563ef64240348267c2b737434f44.png]: https://img-blog.csdnimg.cn/8659563ef64240348267c2b737434f44.png
[d334c67b040e46f6b0f36ab69b03087b.png]: https://img-blog.csdnimg.cn/d334c67b040e46f6b0f36ab69b03087b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，51人围观）

还没有评论，来说两句吧...

相关阅读

相关 Antd的日期选择器中文化配置

当你使用antd的日期选择器后，你会发现日期什么都是英文的：即便你已经在项目中配置了中文化：![1605623ee3004fd3b0e5409ddde9c106.png][]

迈不过友情╰/ 2023年10月14日 20:27/ 0 赞/ 52 阅读

相关 BootStrap3中日期选择器的使用

需要用到的css、js文件如下版本截图如下： ![20191204134531552.png][] 引用示例： //CSS <link h

快来打我*/ 2023年06月19日 03:00/ 0 赞/ 26 阅读

相关 Elementui中日期选择器的使用

准备这里使用了moment.js 关于moment.js的使用,请看[Vue项目中使用moment.js][Vue_moment.js] 日期选择器的使用

我会带着你远行/ 2023年02月24日 11:18/ 0 赞/ 38 阅读

相关 antd-select选择器模糊查询

![在这里插入图片描述][20210512091034989.png] 1. 设置title <Select.Option value={ item.landId

Love The Way You Lie/ 2023年01月20日 09:36/ 0 赞/ 22 阅读

相关【Vue.js】Vue.js组件库Element中的时间选择器、日期选择器、日期时间选择器和颜色选择器

1、TimePicker 时间选择器用于选择或输入日期。固定时间点提供几个固定的时间点供用户选择。 ![20200831145158463.png_pi

比眉伴天荒/ 2022年12月02日 13:53/ 0 赞/ 1489 阅读

相关 Android中使用日期选择器

点击后出现一个Dialog,点击Dialog选择日期和时间: 选择日期： //Calender是为了获取当前系统时间 Calend

待我称王封你为后i/ 2022年08月20日 13:29/ 0 赞/ 220 阅读

相关带时间的日期选择器

链接地址：[http://www.sencha.com/forum/showthread.php?137242][http_www.sencha.com_forum_showt

r囧r小猫/ 2022年08月02日 02:27/ 0 赞/ 304 阅读

相关一个简单的日期选择器

<%@page pageEncoding="utf-8"%> <html> <head> <title>JS日期选择器</title>

比眉伴天荒/ 2022年05月27日 08:14/ 0 赞/ 304 阅读

相关 Form-datepicker日期选择器

DatePicker 日期选择器：用于选择或输入日期 1、基本单位由type属性指定。type=date时 type：显示类型，默认date，year/month/date

╰半夏微凉°/ 2022年03月29日 10:06/ 0 赞/ 924 阅读

相关 iview日期选择器的日期值获取

iview日期选择框的日期值获取控件： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text

Love The Way You Lie/ 2021年07月25日 12:34/ 0 赞/ 758 阅读