全局引入

在main.ts

import locale from 'element-plus/lib/locale/lang/zh-cn' //ElementPlus中文语言包
app.use(ElementPlus, { locale })

此时不需要使用el-config-provider标签, 直接用日期组件如下:

<el-date-picker
    :teleported="true"
    popper-class="date_class"
    format="YYYY-MM-DD HH:mm:ss"
    v-model="dateValue"
    type="datetime"
    placeholder="请选择日期"
/>

按需引入

此时修改完毕代码如下:

<template>
    <el-config-provider :locale="locale">
        <el-date-picker
            :teleported="true"
            popper-class="date_class"
            format="YYYY-MM-DD HH:mm:ss"
            v-model="dateValue"
            type="datetime"
            placeholder="请选择日期"
        />
    </el-config-provider>
</template>
<script lang="ts" setup>
import zhCN from "element-plus/lib/locale/lang/zh-cn"; //ElementPlus中文语言包
let locale = zhCN,
</script>