vue3 element-plus 日期选择器 el-date-picker 汉化

最新推荐文章于 2024-07-21 20:59:37 发布

＊且听风吟

最新推荐文章于 2024-07-21 20:59:37 发布

阅读量2.6k

点赞数 7

分类专栏： # Vue 3 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/hh18700418030/article/details/134826982

版权

vue3 项目中，element-plus 的日期选择器 el-date-picker 默认是英文版的，如下：
在这里插入图片描述

页面引入：

//引入汉化语言包
import locale from "element-plus/lib/locale/lang/zh-cn"
import {
    ElDatePicker, ElButton, ElConfigProvider } from 'element-plus/lib/components'

用 el-config-provider 包裹组件 el-date-picker：

<el-config-provider :locale="locale">
  <el-date-picker v-model="searchList.end_time" type="date" placeholder="请选择结束时间" value-format="yyyy-mm-dd"/>
</el-config-provider>

完整代码，index.tsx：

import {
    defineComponent, ref, reactive, onMounted } from 'vue'
import styled from '@/styled-components'
import {
    Popover } from 'ant-design-vue';
//引入汉化语言包
import locale