如何让用户选择时间时,限定时间范围?


近日有客户在服务单跟踪系统中提出问题:

一个请假申请表单,如何让用户必须选择9点以后的时间,而且必须选择整点或半小时的时间,以便于计算小时数。例如用户只能选择9:00,10:30,23:30这样的时间。

最简单的方式就是设置日历时间选择框了,只需要在表单上加上以下脚本: 

 //设置时间选择只能从9点开始,半小时起跳 
 formCore.datetimepickerOption = { dateFormat: 'yy/mm/dd', hour:9, hourMin:9, stepMinute:30 };

以上代码等于为datetimepicker控件增加了几个参数,其中hour:9代表默认选择9点,hourMin:9代表最小选择的小时是9点,stepMinute:30代表分钟选择以30分钟为步进。 经过以上设置后,时间选择框变成了下面的样子:


datetimepicker

注:只有更新到了最新发布的5月版才能使用此参数进行设置。 


同样设置formCore.datepickerOption也能对日期选择框做个性化的设置,具体参数可参考jQuery UI中的datepicker文档。

文章来源:知识库
上一篇 下一篇

评论


请先登录注册后,才能发表评论。