layui 时间控件使用时遇到只使用整点或半点的解决办法

一.解决使用layui时间控件遇到的只使用整点或半点的解决方案

二. js代码

    <script src="../inc/jquery/jquery-1.9.1.min.js"></script>
    <script>
      
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            //时间范围
            laydate.render({
                elem: '#time'
              , type: 'time'
              , range: true
              , format: 'HH:mm'
              , theme: '#368ee0'
               , ready: function (date) {
                   var dom = $(".laydate-time-list").children("li");
                   for (var i = 0; i < dom.length; i++) {
                       if (i == 2 || i == 5) {
                           $(dom[i]).remove();
                       } else if(i==1||i==4) {
                           var li = $(dom[i]).children("ol").children("li")
                           //console.log(li.length);
                           for (var j = 0; j < li.length; j++) {
                               //console.log($(li[j]).text())
                               if ($(li[j]).text() != 00 && $(li[j]).text()!=30) {
                                   $(li[j]).remove();
                               }
                           }
                       }
                   }
            }
            });
        })
      </script>

解决思路时通过循环将使用不到的时间点去除掉，很好理解。加油~~