ElementUI TimePicker时间范围，设置开始时间一直小于结束时间

在ElementUI的TimePicker组件中，设置时间范围并确保开始时间总是小于或等于结束时间，可以通过监听其change事件来实现。以下是一个简单的示例代码：

<template>
  <el-time-picker
    v-model="startTime"
    :picker-options="{
      selectableRange: '00:00:00 - 23:59:59'
    }"
    placeholder="开始时间"
    @change="handleStartTimeChange">
  </el-time-picker>
  <el-time-picker
    v-model="endTime"
    :picker-options="{
      selectableRange: '00:00:00 - 23:59:59',
      minTime: startTime
    }"
    placeholder="结束时间">
  </el-time-picker>
</template>
 
<script>
export default {
  data() {
    return {
      startTime: '',
      endTime: ''
    };
  },
  methods: {
    handleStartTimeChange(value) {
      if (this.endTime && value > this.endTime) {
        this.startTime = this.endTime;
      }
    }
  }
};
</script>

在这个例子中，我们有两个el-time-picker元素，分别用于选择开始时间和结束时间。我们为开始时间的el-time-picker添加了一个change事件监听器，当开始时间改变时，handleStartTimeChange方法会被调用。在这个方法中，我们检查了如果开始时间大于结束时间，则将开始时间重置为与结束时间相同的值。这样就确保了开始时间总是小于或等于结束时间。