全局配置国际化

Element Plus组件默认使用英语，如果你需要显示中文、从周一开始显示，需要在main.js加配置

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

app.use(ElementPlus, {
  locale: zhCn,
})
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.

在页面使用 Day.js 库来管理组件的日期和时间，以便使国际化充分发挥作用

import 'dayjs/locale/zh-cn'
  • 1.

支持的语言列表

简体中文（zh-cn）
美国英语（en）
阿塞拜疆语（az）
德语（de）
葡萄牙语（pt）
西班牙语（es）
丹麦语（da）
法语（fr）
挪威语（nb-NO）
繁体中文（zh-tw）
意大利语（it）
韩语（ko）
日语（ja）
荷兰语（nl）
越南语（vi）
俄语（ru）
土耳其语（tr）
巴西葡萄牙语（pt-br）
波斯语（fa）
泰语（th）
印度尼西亚语（id）
保加利亚语（bg）
普什图语（pa）
波兰语（pl）
芬兰语（fi）
瑞典语（sv）
希腊语（el）
斯洛伐克语（sk）
加泰罗尼亚语（ca）
捷克语（cs）
乌克兰语（uk）
土库曼语（tk）
泰米尔语（ta）
拉脱维亚语（lv）
南非荷兰语（af）
爱沙尼亚语（et）
斯洛文尼亚语（sl）
阿拉伯语（ar）
希伯来语（he）
立陶宛语（lt）
蒙古语（mn）
哈萨克语（kk）
匈牙利语（hu）
罗马尼亚语（ro）
库尔德语（ku）
库尔德语 (ckb)
维吾尔语 (ug-cn)
高棉语 (km)
塞尔维亚语 (sr)
巴斯克语 (eu)
吉尔吉斯语 (ky)
亚美尼亚语 (hy-am)
克罗地亚语（hr）
世界语 (eo)
孟加拉语 (bn)

效果

  • 1.配置前
    vue3+elementPlus实现calendar日历_javascript

  • 2.配置后
    vue3+elementPlus实现calendar日历_javascript_02