Vue+element 日期选择器 el-date-picker 设置可选时间范围方法 不能大于或者小于当前时间

在Vue中使用element-ui的<el-date-picker>组件时，如果需要设置时间范围且不能大于或小于某个特定的时间，可以通过disabledDate属性来实现。以下是一个示例代码：

<template>
  <el-date-picker
    v-model="value"
    type="daterange"
    :disabled-date="disabledDate"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期">
  </el-date-picker>
</template>
 
<script>
export default {
  data() {
    return {
      value: ''
    };
  },
  methods: {
    disabledDate(time) {
      // 设置不能选择的日期范围
      // 例如，不能选择今天之后的日期
      return time.getTime() > Date.now() - 8.64e7;
    }
  }
};
</script>

在这个例子中，disabledDate方法返回一个布尔值，表示某个日期是否不可选。在这个函数里，你可以自定义逻辑来设置哪些日期不可选，例如不能选择今天之后的日期。如果需要设置特定的时间范围不可选，只需修改disabledDate方法中的条件即可。