vue3+element-plus 日期时间选择器默认英文修改为中文

275 阅读1分钟

没有引入前是这样的

360截图20240319091802086.jpg

=====================分割线==================

1、打开Main.js

引入 import ZH_CN from 'element-plus/lib/locale/lang/zh-cn';

// 创建应用实例
const app = createApp(App);

// 使用ElementPlus组件库
app.use(ElementPlus, { locale: ZH_CN });

2、页面内代码:

        <el-form-item label="入库时间">
          <el-config-provider :locale="ZH_CN">
            <el-date-picker
              v-model="form.rcRuZhiTime"
              type="date"
              placeholder="选择日期"
              format="YYYY/MM/DD"
              value-format="YYYY-MM-DD"
              :locale="ZH_CN"
            />
          </el-config-provider>
        </el-form-item>
        

3、刷新页面,可以看到已经生效了

360截图20240319091709082.jpg