文章目录
- 问题
- 分析
问题
直接引入日历组件后,都是英文,应该如何把头部英文改为中文
<template>
<el-calendar>
<template #date-cell="{ data }">
<p :class="data.isSelected ? 'is-selected' : ''">
{{ data.day.split('-').slice(1).join('-') }}
{{ data.isSelected ? '✔️' : '' }}
</p>
</template>
</el-calendar>
</template>
<style>
.is-selected {
color: #1989fa;
}
</style>
分析
在 官网 中我们可以看到这么一段话,
因此,只需要在代码中加入这么一段就可解决,在 main.ts
文件中引入国际化全局:
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
app.use(ElementPlus, {
locale: zhCn,
})
现在