覆写layui laydate css，时间显示小时和分钟

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/chen_jia_hao/article/details/83348028

问题引入：

在使用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',
            });

最终效果如下：