事件

最近有需求，需要选择时间段，比如10:00 ~ 12:30。

目前系统前端使用layui，时间插件自然选择laydate。

查看laydate的api，发现没有可以直接设置去掉秒，只显示整10分钟的配置。

然后我决定自己写。

layui.use('laydate '，function(){ var lay date=layui . lay date；laydate . render({ elem : ' # scheStartTime ' trindex，type:'time '，trigger:'click '，format: 'HH:mm '，btns: ['clear '，' confirm']，ready : format minutes })；});首先将格式设置为“HH:mm毫米”，并删除秒显示。然后在ready中写一个方法，ready方法会在绑定之前执行。

函数formatminutes(date){ var aa=$('。lay date-time-list Li ol ')[1]；var showtime=$($(')。laydate-time-list li ol')[1])。find(' Li ')；for(var I=0；我显示时间长度；i ) { var t00=showtime[i]。innerTextif (t00！='00' t00！='10' t00！='20' t00！='30' t00！='40' t00！='50') { showtime[i]。隐藏=真；} } $($('.laydate-time-list li ol')[2]。查找(' li ')。移除()；//clear seconds} remove非整数10分钟in }formatminutes方法(这里最好用hidden而不是remove，我发现remove在设置最大值和最小值时会引起问题)，并且remove li of seconds。

实现效果如图所示。

以上实现laydate只显示小时不显示秒的功能的方法是边肖分享的全部内容。希望能给大家一个参考，多支持我们。