2020年4月20日至2020年9月20日 转换为antdesign vue2 中range-picker能显示

您好！感谢您的提问。在 Ant Design Vue 2 中，您可以使用 RangePicker 组件来显示 2020 年 4 月 20 日至 2020 年 9 月 20 日这一时间段。具体代码如下：

<template>
  <a-range-picker :value="dateRange" @change="handleDateRangeChange" />
</template>

<script>
import { DatePicker } from 'ant-design-vue';

export default {
  components: {
    'a-range-picker': DatePicker.RangePicker
  },
  data() {
    return {
      dateRange: []
    }
  },
  methods: {
    handleDateRangeChange(dates) {
      this.dateRange = dates;
    }
  }
}
</script>

在上述代码中，RangePicker 组件被声明为 a-range-picker，使用了 ant-design-vue 中的 DatePicker 组件。value 属性绑定了 dateRange 数据，@change 事件绑定了 handleDateRangeChange 方法。当用户选择日期范围时，dateRange 数据就会更新。您可以根据自己的需求对组件进行进一步的定制。希望这能够帮助您！