el-date-picker月范围扩大

您好！如果您想要扩大 el-date-picker 组件的月份范围，可以通过设置它的 picker-options 属性来实现。在 picker-options 中，您可以使用 disabledDate 方法来限制可选择的日期范围。

以下是一个示例，展示了如何将月份范围扩大到当前月份的前后两年：

<template>
  <el-date-picker
    v-model="date"
    type="date"
    :picker-options="pickerOptions"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: null,
      pickerOptions: {
        disabledDate(time) {
          const currentYear = new Date().getFullYear();
          const currentMonth = new Date().getMonth() + 1;
          const targetYear = time.getFullYear();
          const targetMonth = time.getMonth() + 1;

          // 只能选择当前月份前后两年内的日期
          return (
            targetYear < currentYear - 1 ||
            targetYear > currentYear + 1 ||
            (targetYear === currentYear - 1 && targetMonth < currentMonth) ||
            (targetYear === currentYear + 1 && targetMonth > currentMonth)
          );
        },
      },
    };
  },
};
</script>

在上述示例中，disabledDate 方法用于禁用超出范围的日期。如果日期不在当前月份前后两年内，就会被禁用。

希望这对您有所帮助！如果您有任何其他问题，请随时提问。