1、默认是英文
a-month-picker

<a-col :span="12">
  <a-form-item label="始报年月">
    <a-month-picker
      v-decorator="['bgfrym']"
      style="width: 100%"
      placeholder="选择始报年月"
    />
  </a-form-item>
</a-col>

显示：

a-range-picker

<a-col :lg="8" :sm="24" >
  <a-form-item
    label="创建时间"
    :labelCol="{span: 5}"
  >
    <a-range-picker
      style="width: 100%;"
      :show-time="{ format: 'HH:mm' }"
      format="YYYY-MM-DD HH:mm"
      :placeholder="['开始时间', '结束时间']"
      @ok="timeOk"
      v-decorator="['time']"
      >
      <a-icon slot="suffixIcon" type="calendar" />
    </a-range-picker>
  </a-form-item>
</a-col>

显示：

2、转成中文：官网文档：https://www.antdv.com/components/locale-provider-cn/

在APP.vue中
<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <router-view />
    </div>
  </a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/es/locale/zh_CN'   // 在node_modules中找到（可切换各种语言）
export default {
  name: "App",
  data() {
    return {
      locale: zhCN
    };
  },
};
</script>

3、重新运行项目: npm run dev
效果：


4、细心的小伙伴会发现：官方文档是用a-locale-provider组件包裹的，我这儿却用a-config-provider组件，两张图带你们去解开谜团：


找到config-provider文件夹，打开，看到index.js文件，其实里面引入进来的也是locale-provider

但是没关系，两个都可以，展示出来的都是中文（具体我没细究，还有引入问题，我猜想是在main.js里引入ant-design-vue的时候就包含在里面了吧）

恭喜女足4-3反超韩国晋级东京奥运会！