ant-design-vue datePicker日期组件中文格式月份与星期显示英文
根据官网的写法,在app.vue文件引入国际化设置组件
<template> <a-config-provider :locale="locale"> <App /> </a-config-provider> </template> <script> import zhCN from 'ant-design-vue/es/locale/zh_CN'; export default { data() { return { locale: zhCN, }; }, }; </script>
其他组件没什么问题,只是在使用日期组件时发现月份和星期显示的还是英文
在新版本中,日期组件使用的是dayjs格式,还需要引入 dayjs/locale/zh-cn
现在官网的国际化设置也更新了这部分内容,使用新版本的按照官网的写法设置就可以了
<template> <a-config-provider :locale="locale"> <App /> </a-config-provider> </template> <script> import zhCN from 'ant-design-vue/es/locale/zh_CN'; import dayjs from 'dayjs'; import 'dayjs/locale/zh-cn'; dayjs.locale('zh-cn'); export default { data() { return { locale: zhCN, }; }, }; </script>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】博客园携手 AI 驱动开发工具商 Chat2DB 推出联合终身会员
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 聊一聊 C#异步 任务延续的三种底层玩法
· 上位机能不能替代PLC呢?
· 2024年终总结:5000 Star,10w 下载量,这是我交出的开源答卷
· 一个适用于 .NET 的开源整洁架构项目模板
· .NET Core:架构、特性和优势详解