element-plus 日期组件限制月份

Element Plus是一款基于Vue.js的UI组件库，其日期选择器(DatePicker)组件提供了一些定制选项，包括可以设置显示的最大和最小月份。如果你想要限制日期选择器的月份范围，可以通过`disabledDate`属性来实现。这个属性接收一个返回布尔值的函数，用于判断某个日期是否可以选择。

例如，在允许从当前月到下个月之间选择日期的情况下，你可以这样做：

<template>
  <el-date-picker
    v-model="selectedDate"
    :disabled-date="disabledDate"
  ></el-date-picker>
</template>

<script setup>
import { ref } from 'vue';

const selectedDate = ref();
const maxDisabledDate = new Date(); // 当前日期

function disabledDate(currentDate) {
  return currentDate.getMonth() < maxDisabledDate.getMonth(); // 只允许选当前月及后续月份
}

// 使用
</script>

在这个例子中，`disabledDate`函数检查给定日期的月份是否小于最大禁用日期（当前月份）的月份，如果是，则返回`true`，表示该日期不可选择。