使用 Ant Design Vue的a-date-picker插件，设置了中文格式，但依旧显示的为中英文混乱效果，头大
main.ts注册文件
import { createApp } from 'vue';
import print from 'vue3-print-nb';
import App from './App.vue';
import { setupRouter } from './router';
import { setupIcons } from './components/basic/icon';
import { setupStore } from '@/store';
import { setupAntd, setupAssets, setupGlobalMethods } from '@/plugins';
import dayjs from 'dayjs';
import languageChinese from 'dayjs/locale/zh-cn';
const app = createApp(App);
function setupPlugins() {
// 安装图标
setupIcons();
// 注册全局常用的ant-design-vue组件
setupAntd(app);
// 引入静态资源
setupAssets();
// 注册全局方法，如：app.config.globalProperties.$message = message
setupGlobalMethods(app);
}
async function setupApp() {
dayjs.locale(languageChinese);
// 挂载vuex状态管理
setupStore(app);
// Multilingual configuration
// Asynchronous case: language files may be obtained from the server side
// 挂载路由
setupRouter(app);
app.use(print);
app.mount('#app');
}
setupPlugins();
setupApp();
全局页面配置
<script setup lang="ts">
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import { ConfigProvider } from 'ant-design-vue';
defineOptions({
name: 'ProConfigProvider',
});
</script>
<template>
<ConfigProvider :locale="zhCN">
<slot></slot>
</ConfigProvider>
</template>
