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://m.ipkd.cn/webs_2368.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！