【ElementUI】日期选择器时间选择范围限制

在Element UI中，使用<el-date-picker>组件时，可以通过设置picker-options来限制日期选择的范围。以下是一个例子，展示如何限制用户只能选择今天之后的日期：

<template>
  <el-date-picker
    v-model="value"
    type="date"
    placeholder="选择日期"
    :picker-options="pickerOptions">
  </el-date-picker>
</template>
 
<script>
  export default {
    data() {
      return {
        value: '',
        pickerOptions: {
          disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7; // 如果想要今天之后可用，移除负号
          }
        }
      };
    }
  };
</script>

在这个例子中，disabledDate 函数用来确定哪些日期是不可选择的。这里使用 Date.now() 获取当前时间的毫秒数，并减去8.64e7（即一天的毫秒数，24 60 60 * 1000），来确保今天之前的日期不可选。如果你想要今天之后的日期可用，只需要将disabledDate函数中的比较操作符从<改为>。