vue el-date-picker在页面数据量多的时候切换日期慢，改为antv组件或者计算时间跨度分类延时

1.yarn add ant-design-vue

2.按需引入

  import ConfigProvider from 'ant-design-vue/lib/config-provider' // 全局设置
  import DatePicker from 'ant-design-vue/lib/date-picker' // 加载 JS
  import Input from 'ant-design-vue/lib/input' // 加载 JS（用日期组件必须引入input）
  import Icon from 'ant-design-vue/lib/icon'
  import 'ant-design-vue/lib/date-picker/style/css' // 加载 CSS
  import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN' // 中文
  const {RangePicker} = DatePicker
  @Component({
    components: {DatePicker, RangePicker, ConfigProvider, Input, Icon}
  })

3.

<ConfigProvider :locale="zhCN">
  <DatePicker v-model="firstStart" @change="dateChange" valueFormat="YYYY-MM-DD" 
  :allowClear="false">
  </DatePicker>
</ConfigProvider>
        至
<ConfigProvider :locale="zhCN">
  <DatePicker v-model="secondEnd" disabled valueFormat="YYYY-MM-DD"></DatePicker>
</ConfigProvider>

<ConfigProvider :locale="zhCN">
      <RangePicker :value="range" size="small" @change="timeChange">
        <Icon slot="suffixIcon" type="calendar"></Icon>
      </RangePicker>
    </ConfigProvider>

4.如果因为js计算导致卡顿

const time = ((range[1] || 0) - (range[0] || 0)) || 0
    if (time > 3 * 30 * 24 * 3600 * 1000) { // 大于3个月延时,计算日期过多影响日历组件
      setTimeout(() => {
        //
      }, 0)
    } else {
      //
    }