el-time-picker 开始时间小于结束时间

`el-time-picker` 是 Element UI 中的一个日期和时间选择组件。在使用这个组件时，如果设置了开始时间和结束时间，它会默认验证开始时间是否小于结束时间。如果你想要确保用户不能选择开始时间大于或等于结束时间的情况，可以在绑定时间数据到组件时设置一个事件处理器，例如在 `v-model` 的变化监听器里检查这个条件。

以下是一个简单的例子：

<template>
  <el-time-picker v-model="timeRange" :picker-options="{ disabledHours: [], disabledMinutes: [], format: 'HH:mm' }" @change="validateTimeRange"></el-time-picker>
</template>

<script>
export default {
  data() {
    return {
      timeRange: {
        start: '',
        end: ''
      },
    };
  },
  methods: {
    validateTimeRange(newTimeRange) {
      if (newTimeRange.start && newTimeRange.end && newTimeRange.start >= newTimeRange.end) {
        this.$message.error('开始时间不能晚于结束时间');
        // 如果需要阻止默认的行为，可以在这里返回 false 或者设置为初始值
        // return false;
        this.timeRange = { start: '', end: '' };
      }
    },
  },
};
</script>

在这个例子中，当用户更改时间范围时，`validateTimeRange` 方法会被调用。如果发现开始时间大于等于结束时间，会显示错误消息，并恢复默认值。