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

项目：

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

最终效果：

导入能让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项目即可

导入项目：zh-cn.min.mjs，

html页面引用

注意：

html需要引入模块，需要使用到ES6的特性，script 使用: type=module

import zhCn from “../js/elementPlus/locale/zh-cn.mjs”;

..

import zhCn from "../js/elementPlus/locale/zh-cn.mjs";const {createApp, ref} = Vueconst app = createApp({setup() {const value1=ref('')const message = ref('Hello vue!')return {message,value1}}})app.use(ElementPlus, {locale:zhCn})app.mount('#app'){{ message }}成功按钮中文日历：<!--import zhCn from "../js/elementPlus/locale/zh-cn.mjs";-->