项目要求结束时间大于开始时间 （时，分，秒）

element ui TimePicker 时间选择器 基本结构

<el-time-picker
    v-model="value1"
    :picker-options="{
      selectableRange: '18:30:00 - 20:30:00'
    }"
    placeholder="任意时间点">
</el-time-picker>

从官网文档上---- 使用 el-time-picker 标签，通过selectableRange限制可选时间范围，只要动态修改selectableRange值就可以实现“范围的校验”

注意-------动态改变时间数据的时候，使用 es6 语法 — 模板字符串

**模板字符串作用：“``”可以在字符串中加入变量和表达式，从来实现数据动态变化

${}:使用模板和插入值是在字符串里面输出变量方式 😗*

代码如下

 <el-form :model="sizeForm" label-width="120px">
	<el-time-picker
	    v-model="sizeForm.value1"
	    :picker-options="{
	      selectableRange: `00:00:00 - ${sizeForm.value2 ? sizeForm.value2 : '23:59:59'}`
	    }"
   	 placeholder="开始时间"
   	 >
	</el-time-picker>
	<el-time-picker
	     v-model="sizeForm.value2"   
             :picker-options="{
		  selectableRange: `${sizeForm.value1 ? sizeForm.value1 : '00:00:00'} - 23:59:59`
	      }"
	placeholder="结束时间">
	</el-time-picker>
	</form>

开始时间
结束时间 — 结束时间要大于开始时间