vue 使用 el-date-picker 动态设置 disabled-date

在Vue中使用el-date-picker组件时，可以通过disabled-date属性来设置不可选择的日期。如果需要动态设置禁用日期，可以将disabled-date属性绑定到一个方法上，该方法会根据需要返回日期是否禁用。

以下是一个简单的例子，展示如何动态禁用周末：

<template>
  <el-date-picker
    v-model="value"
    type="date"
    placeholder="选择日期"
    :disabled-date="disabledWeekends"
  ></el-date-picker>
</template>
 
<script>
export default {
  data() {
    return {
      value: ''
    };
  },
  methods: {
    disabledWeekends(time) {
      // 禁用周末，即星期六和星期日
      return time.getDay() === 0 || time.getDay() === 6;
    }
  }
};
</script>

在这个例子中，disabledWeekends方法会被disabled-date属性调用，对于每一个待选择的日期，都会传入一个日期对象，并根据这个日期对象的星期值（0-6，0代表星期日，6代表星期六）判断是否应该禁用该日期。如果该方法返回true，则对应的日期将不可选择。