问题引入:
在使用layui laydate时间控件,显示时间,时分秒都会显示,然而目前暂未提供只显示 小时 和 分钟 的类型。怎么办呢?
当时我换了一种思维,在不修改源代码的情况下,看是否能覆盖laydate ,将显示“秒”的那列给隐藏掉。经过测试,果然,这是可以的。如下:
(1)在我们页面里面加入下面css:
/********start 覆盖laydate默认样式,用于显示小时和分钟********/
.layui-laydate-content>.layui-laydate-list {
padding-bottom: 0px;
overflow: hidden;
}
.layui-laydate-content>.layui-laydate-list>li{
width:50%
}
/********end 覆盖laydate默认样式,用于显示小时和分钟********/
虽然可以把 秒 那列隐藏掉,但还需要注意一点:
在laydate 渲染js代码里,把其format修改成HH:mm,这样才能最终效果,完美O(∩_∩)O~
laydate.render({
elem:'#startTime',
type:'time' ,
format:'HH:mm',//显示格式:小时:分钟
min:'08:00:00',
max: '23:30:00',
});
最终效果如下: