element-plus 多选月份

在 Element Plus 中，要实现多选月份的功能，你可以使用 el-date-picker 组件结合 range-separator 属性来实现。具体步骤如下：

1. 首先，导入 el-date-picker 组件和所需的样式：

<template>
  <el-date-picker
    v-model="dateRange"
    type="daterange"
    range-separator="至"
    start-placeholder="开始月份"
    end-placeholder="结束月份"
    :picker-options="pickerOptions"
  ></el-date-picker>
</template>

<script>
import 'element-plus/lib/theme-chalk/date-picker.css';
import { ElDatePicker } from 'element-plus';

export default {
  components: {
    ElDatePicker,
  },
  data() {
    return {
      dateRange: [],
      pickerOptions: {
        disabledDate(time) {
          // 在此函数中可以设置禁用某些月份的逻辑
        },
      },
    };
  },
};
</script>

2. 在 data 中定义一个 dateRange 数组来存储用户选择的月份范围。

3. 在 el-date-picker 组件中，设置 type 属性为 "daterange"，range-separator 属性为你想要的分隔符，start-placeholder 和 end-placeholder 属性为起始月份和结束月份的占位文字。

4. 如果需要对某些月份进行禁用，可以使用 pickerOptions 的 disabledDate 方法。在该方法中，你可以根据具体需求设置逻辑来禁用某些月份。