elementui el-date-picker 禁止选择今天以前的日期和指定日期之前日期

在 Element UI 的 el-date-picker 组件中，可以使用 disabledDate 属性来禁用日期选择器中的特定日期。以下是一个例子，展示如何禁用今天之前的日期和一个特定日期（例如2023-01-01）之前的所有日期：

<template>
  <el-date-picker
    v-model="value"
    type="date"
    placeholder="选择日期"
    :disabled-date="disabledDate"
  ></el-date-picker>
</template>
 
<script>
export default {
  data() {
    return {
      value: ''
    };
  },
  methods: {
    disabledDate(time) {
      // 禁用今天之前的日期
      if (this.days(new Date(), time) < 0) {
        return true;
      }
      // 禁用特定日期之前的所有日期
      const disabledBefore = new Date('2023-01-01');
      return time.getTime() < disabledBefore.getTime();
    },
    days(date1, date2) {
      const diff = date2.getTime() - date1.getTime();
      return diff / (1000 * 60 * 60 * 24);
    }
  }
};
</script>

在这个例子中，disabledDate 方法首先检查日期是否在今天之前。如果是，则该日期将被禁用。然后，它检查日期是否在特定日期（在这个例子中是2023年1月1日）之前。如果是，该日期也会被禁用。days 方法用于比较两个日期之间的天数差。