el-date-picker 限制时间范围

`el-date-picker`是Element UI库中的一个日期选择器组件，在Vue.js中常用于处理用户输入日期。如果你想在日期选择器上设置一个时间范围的限制，例如只能选择从某个特定时间到另一个特定时间之间的日期，你可以通过配置`range-separator`属性和`start-placeholder`、`end-placeholder`属性来实现。

首先，你需要设置`range-separator`，比如`"-"`表示用户需要同时选择开始时间和结束时间：

<el-date-picker
  v-model="value"
  type="daterange"
  range-separator="-"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
></el-date-picker>

然后在你的数据(`data`)里定义允许的时间范围：

data() {
  return {
    value: [],
    startTime: '09:00', // 开始时间
    endTime: '18:00', // 结束时间
  };
},

接下来，你可以通过`computed`属性或者事件监听器检查用户选择的日期是否在这个范围内：

 computed: {
    isWithinRange(date) {
      const selectedTime = date.format('HH:mm'); // 获取选择的时间
      return this.startTime <= selectedTime && selectedTime < this.endTime;
    }
  },

最后，你可以监听`picker-change`事件并校验日期范围：

methods: {
  handlePickerChange(val) {
    if (!this.isWithinRange(val) || !this.isWithinRange(val)) {
      alert('请选择在指定时间范围内的时间！');
      this.value = [];
    } else {
      this.value = val;
    }
  }
}

这样，当用户尝试选择不在指定时间范围内的日期时，会收到警告并恢复初始状态。