elementui 日期选择器动态限制

element-ui日期选择器的动态限制可以通过给DatePicker组件的disabledDate属性传递一个函数来实现。这个函数会接收一个日期参数，我们可以根据这个参数来判断是否禁用某个日期。下面是一个示例：

<template>
  <div>
    <el-date-picker
      v-model="selectedDate"
      :picker-options="pickerOptions"
    ></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: new Date(),  // 默认选中的日期
      pickerOptions: {
        disabledDate: (date) => {
          // 在这里可以对日期做出限制，返回true表示禁用该日期，返回false表示不禁用
          // 下面是一个例子，禁用今天之前的所有日期
          return date.getTime() < new Date(new Date().toLocaleDateString()).getTime();
        }
      }
    };
  }
};
</script>

在上述代码中，我们给DatePicker组件的pickerOptions属性传递了一个对象，其中有一个属性disabledDate是一个函数。这个函数判断日期是否禁用的逻辑可以根据实际需求来编写，示例中的逻辑是禁用今天之前的所有日期。

当我们选择一个日期时，日期选择器会调用disabledDate函数来判断当前选中的日期是否被禁用，如果禁用则无法选中该日期。

通过这种方式，我们可以自定义日期选择器的动态限制，根据实际需求来禁用某些日期。