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设置默认赋值时间

vue项目如何定义时间（代码介绍）

javascript时间函数大全介绍（48个date函数）

wordpress文章显示发布时间或修改时间

element-ui时间组件el-date-picker用x清空后报错解决方法

标签： el-time-picker, selectableRange, 时间

上面是“el-time-picker开始时间小于结束时间（selectableRange设置）”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://ipkd.cn/webs_2368.html