Element-plus的el-date-picker控件动态切换中英文方案

1.需要使用el-config-provider

引入：

import { ElConfigProvider } from 'element-plus'

然后在使用时用此空间包裹

 <el-config-provider :locale="locale">
            <el-date-picker type="date" v-model="ruleForm.purchaseddate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
              :placeholder="$t('input.purchaseddateholder')" style="width: 100%" />
            </el-config-provider>

然后声明相关变量

import enLocale from 'element-plus/dist/locale/en.mjs' // Element 英文包
import zhLocale from 'element-plus/dist/locale/zh-cn.mjs' // Element 中文包
const locale=ref(enLocale);

然后在onMounted方法中对locale变量进行切换

英文效果：

中文效果：