在使用antd design vue的過程中 會出現DatePicker、MonthPicker、RangePicker、WeekPicker 等外掛的展示是英文的情況

官方目前預設的文案就是英文

所以使用的過程中需要我們自己手動進行中文適配：

方法一：

在入口檔案（main.js）中新增程式碼進行全域性設定：

import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');

同時在自己需要做中文適配的元件中進行適配：

<template>
    <div id="app">
        <a-range-picker :locale="locale" />
    </div>
</template>

<script>
import zhCN from 
 
'ant-design-vue/lib/locale-provider/zh_CN';

export default {
    data() {
        return {
            locale:zhCN
        }
    }
}
</script>

方法二：

直接在需要適配的元件檔案中新增程式碼：

<template>
    <div id="app">
        <a-range-picker :locale="locale" />
    </div>
</template>

<script>
import zhCN from 
 
'ant-design-vue/lib/locale-provider/zh_CN';
import moment from "moment"

export default {
    data() {
        return {
            locale:zhCN
        }
    }
}
</script>

本人在使用過程中import這兩個後並無問題 但是有同事反映在使用的時候會出現一種現象：初始點選時為英文 再次點選才展示為中文

最後加入

import "moment/locale/zh-cn"
moment.locale('zh-cn')

bug修復

ps：進行以上程式碼時需要安裝外掛：npm i moment -S