解決antui中部分組件出現英文的情況（國際化后又出現中英文混合情況）

我們在使用antui的部分組件的時候會發現他是英文顯示的狀態，比如在使用日期時間選擇器的時候會出現以下狀況：

 

 很多地方顯示的都是英文，這時候我們可以再頁面中引入antui國際化來解決這個問題，具體引用方法我在這里使用vue來進行說明，其他框架可參考：

1.在app組件中進行國際化配置：

<template>
  <a-config-provider :locale="locale">
    <router-view></router-view>
  </a-config-provider>
</template>

<script lang="ts" setup>
import {ref} from "vue";
import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');
const locale = ref(zh_CN);

</script>

使用a-config-provider進行包裹，引入zh_CN和moment

2.引入國際化后會出現，雖然紅框中英文變成了中文，但是藍筐中也就沒有變化，變成了中英文混合的形式

 

 

3.這時候，我們可以看引入的moment。會發現我們引入的是

import 'moment/locale/zh-cn';

改為

import 'moment/dist/locale/zh-cn';

即可。

這樣最終結果就是