el-date-picker 英文改中文

问题描述:

博文为博主原创

没有vip的小伙伴点这里下载本文el-date-picker英文改中文.doc-Web开发文档类资源-CSDN下载https://blog.csdn.net/xuelang532777032/article/det更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/xuelang532777032/44154571

博主vue3 ,  碰到一个问题,

虽然引入了element-plus(这里其实跟版本没关系),也配置了中文,如下

element.js

import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import locale from 'element-plus/lib/locale/lang/zh-cn'

export default (app) => {
  app.use(ElementPlus, { locale:locale })
}

 但是日期控件一样给你英文的年月份

el-date-picker 英文改中文_第1张图片

el-date-picker 英文改中文_第2张图片

 解决办法

这里博主用的全局配置,

1、main.js

import { ElConfigProvider } from 'element-plus'
app.component(ElConfigProvider,[ElConfigProvider.name]) //全局组件绑定 button
//如果报错 ts会报错,就用这个写法 app.component("ElConfigProvider",ElConfigProvider) 

如图

el-date-picker 英文改中文_第3张图片

 2、mixin.js(其实你可以在用到el-date-picker组件的那个vue页面  直接import,和放data)

import zhCn from'element-plus/lib/locale/lang/zh-cn'
data() {
		return {
			zhCn
		}
	}

el-date-picker 英文改中文_第4张图片

 3用 把el-date-picker包起来

el-date-picker 英文改中文_第5张图片


			
			
		

这样刷新就可以了,

博文为博主原创

你可能感兴趣的:(vue,vue.js,elementui)