el-date-picker禁用未来vue3

在Vue 3中，如果你想使用Element UI的`el-date-picker`组件并禁止选择未来的日期，你可以通过设置其属性来实现。在组件的选项对象（props）中，添加一个名为`disabledDate`的函数，这个函数接收当前日期作为参数，如果该日期大于今天，则返回true表示此日期不可选。

这是一个简单的示例：

<template>
  <el-date-picker
    v-model="selectedDate"
    type="date"
    :disabled-date="disableFutureDate"
  ></el-date-picker>
</template>

<script setup>
import { ref } from 'vue';

function disableFutureDate(date) {
  return date && date > new Date();
}

const selectedDate = ref(null);
</script>

在这个例子中，`disableFutureDate`函数会检查传入的日期是否大于当前日期。如果是，那么该日期就会被禁用，不允许用户选择。