关于#前端框架#的问题：element 的 DatePicker 月份选择器 怎么根据后端返回的月份数据禁用某个月份，比如后端返回一个数据 arr=[2,6,9], 实现2，其他月份禁用的效果

Question

element 的 DatePicker 月份选择器 怎么根据后端返回的月份数据禁用某个月份，比如后端返回一个数据 arr=[2,6,9], 实现2，6，9 月可选，其他月份禁用的效果，这个该怎么做啊

Answer 1

<template>  
  <el-date-picker  
    v-model="value"  
    type="month"  
    placeholder="选择月份"  
    :disabledDate="disabledDate"  
  ></el-date-picker>  
</template>  
  
<script>  
export default {  
  data() {  
    return {  
      value: '',  
      arr: [2, 6, 9] // 后端返回的月份数据  
    };  
  },  
  methods: {  
    disabledDate(time) {  
      // 将传入的 time 对象转换为数字，以便于比较  
      let month = time.getMonth() + 1;  
      return this.arr.indexOf(month) === -1; // 如果当前月份不在 arr 中，则禁用该月份  
    }  
  }  
};  
</script>