vue中的element-plus如何让el-date-picker显示中文

引入import { ElConfigProvider } from 'element-plus'import zhCn from'element-plus/lib/locale/lang/zh-cn'注册组件components:{[ElConfigProvider.name]: ElConfigProvider}在data中加入zhCndata(){return {zhCn}}用el-conf

qq_39776574

3176人浏览 · 2021-10-12 09:01:06

qq_39776574 · 2021-10-12 09:01:06 发布

引入

import { ElConfigProvider } from 'element-plus'
import zhCn from'element-plus/lib/locale/lang/zh-cn'

注册组件

components:{
  [ElConfigProvider.name]: ElConfigProvider
}

在data中加入zhCn

data(){
  return {
    zhCn
  }
}

用el-config-provider包裹el-date-picker

<el-config-provider :locale="zhCn">
  <el-date-picker type="datetime">
  </el-date-picker>
</el-config-provider>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^