html 原生网页使用ElementPlus 日期控件el-date-picker换成中文

项目:

原生的html,加jQuery使用不习惯,新html页面导入vue3,element plus做界面,现在需要把日历上英文切成中文。

最终效果:

html 原生网页使用ElementPlus 日期控件el-date-picker换成中文_第1张图片

导入能让element plus日历变成中文脚本: 

elementplus, vue3对应的js都可以通过创建一个vue3项目找到对应的脚本导入)

环境:

>1.node.js

> 2.npm

>3.vue cli :npm install -g @vue/cli

> 4.vue: npm install vue

## 创建工程vue3 + vite
npm init vite-app
## 进入工程目录
cd
## 安装依赖
npm install
## 运行
npm run dev 

///

安装element-plus

# 选择一个你喜欢的包管理器

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

下载zh-cn.min.mjs:

 然后在node_modules对应目录的文件,把它拷贝到html项目即可

html 原生网页使用ElementPlus 日期控件el-date-picker换成中文_第2张图片

导入项目:zh-cn.min.mjs ,

html 原生网页使用ElementPlus 日期控件el-date-picker换成中文_第3张图片 

html页面引用 





  
  
  
  
  
  
  


{{ message }} 成功按钮
中文日历:

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