el-date-picker日期的限制

el-date-picker 组件可以通过设置 picker-options 属性来限制日期的选择。你可以使用 disabledDate 方法来指定日期的限制条件。

例如，要限制只能选择当天的日期，可以在 pickerOptions 对象中定义 disabledDate 方法，使得时间戳 getTime() 大于当前时间的日期变为不可选择的。具体代码如下：

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

<script>
export default {
  data() {
    return {
      selectedDate: null,
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        },
      },
    };
  },
};
</script>

类似地，要限制只能选择当天之后的日期，可以将 disabledDate 方法的条件改为时间戳 getTime() 小于当前时间。具体代码如下：

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

<script>
export default {
  data() {
    return {
      selectedDate: null,
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() < Date.now();
        },
      },
    };
  },
};
</script>