el-time-picker开始时间小于结束时间（selectableRange设置）

在picker-options定义selectableRange方法设置开始时间小于结束时间，其它时间段变灰色！

//开始时间
<el-time-picker
	v-model="beginTime"
	:picker-options="{selectableRange:`00:00:00-${endTime ? endTime + ':00' : '23:59:59'}`}"
	value-format="HH:mm"
	format="HH:mm"
	placeholder="开始时间">
</el-time-picker>

//:picker-options="{selectableRange:`00:00:00-${endTime ? endTime + ':00' : '23:59:59'}`}"


//结束时间
<el-time-picker
	v-model="endTime"
	:picker-options="{selectableRange:`${beginTime ? beginTime + ':00' : '00:00:00'}-23:59:59`}"
	value-format="HH:mm"
	format="HH:mm"
	placeholder="结束时间">
</el-time-picker>

//:picker-options="{selectableRange:`${beginTime ? beginTime + ':00' : '00:00:00'}-23:59:59`}"

以上是编程学习网小编为您介绍的“el-time-picker开始时间小于结束时间（selectableRange设置）”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。