elementui中el-date-picker的monthrange限制可选范围只能选12个月

在elementui中，el-date-picker组件提供了monthrange属性来限制月份的可选范围。默认情况下，monthrange属性的值为null，即不限制可选范围。

如果要限制可选范围只能选12个月，可以将monthrange属性设置为一个函数，该函数接受当前选中的日期和当前面板显示的日期，返回一个数组，数组中包含两个日期对象，表示可选范围的起始日期和结束日期。

例如，以下代码演示了如何将可选范围限制为当前日期往前推12个月：

<template>
  <el-date-picker
    v-model="date"
    type="month"
    :monthrange="monthRange"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: null
    }
  },
  methods: {
    monthRange(currentDate) {
      const startDate = new Date()
      startDate.setMonth(startDate.getMonth() - 11)
      return [startDate, currentDate]
    }
  }
}
</script>

在上面的代码中，monthRange方法返回一个数组，其中第一个元素是起始日期（当前日期往前推11个月），第二个元素是当前选中的日期。这样就能限制可选范围只能选12个月了。