Vue.js 如何在元素UI日期选择器中将选择器选项仅应用于开始日历

我正在用元素UI构建web应用程序，特别是el日期选择器组件

这是我的代码，你可以用第一个日历和第二个日历定义周期。 但是，我不知道如何将选择器选项应用于第一个日历

<template>
  <div class="block">
    <span class="demonstration">daterange</span>
    <el-date-picker
      v-model="value2"
      type="daterange"
      align="right"
      start-placeholder="Start Date"
      end-placeholder="End Date"
      :picker-options="pickerOptions"
      default-value="2010-10-01">
    </el-date-picker>
  </div>
</template>
<script>
export default {
  date() : {
    return {
      pickerOptions: {
        disabledDate(date) {
          return date > Date.now();
        },
      }
    }
  }
}
</script>

我希望您不能在第一个日历中设置未来日期，但可以在第二个日历中设置

<template>
  <div class="block">
    <span class="demonstration">daterange</span>
    <el-date-picker
      v-model="value2"
      type="daterange"
      align="right"
      start-placeholder="Start Date"
      end-placeholder="End Date"
      :picker-options="pickerOptions"
      default-value="2010-10-01">
    </el-date-picker>
  </div>
</template>
<script>
export default {
  date() : {
    return {
      pickerOptions: {
        disabledDate(date) {
          return date > Date.now();
        },
      }
    }
  }
}
</script>

在这段代码中，您不能在两个日历上都设置将来的日期。

---

这是不可能的。因为这两个日历是一个元素，它们都满足一个条件。

这是不可能的。因为这两个日历是一个元素，它们都满足一个条件