laydate时间选择框显示时分不显示秒

2021-08-31  本文已影响0人  EverglowLyu
formatminutes.jpg
<div class="layui-input-inline">
      <input type="text" class="layui-input selectInput timeinput" id="hldTime2" placeholder="休息时间">
</div>
.layui-laydate-content>.layui-laydate-list {
  padding-bottom: 0px;
  overflow: hidden;
}
.layui-laydate-content>.layui-laydate-list>li{
  width:50%
}
 layui.use('laydate', function () {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#hldTime2',
            theme: '#0c66ff',
            trigger: 'click',
            range: '~',
            istime: false,
            type: 'time',
            range: true,
            format: 'HH:mm',
            ready: formatminutes
        });
    });
    function formatminutes(date) {
        var aa = $(".laydate-time-list li ol")[1];
        var showtime = $($(".laydate-time-list li ol")[1]).find("li");
        for (var i = 0; i < showtime.length; i++) {
            var t00 = showtime[i].innerText;
            if (t00 != "00" && t00 != "10" && t00 != "20" && t00 != "30" && t00 != "40" && t00 != "50") {
                showtime[i].hidden = true;
            }
        }
        $($(".laydate-time-list li ol")[2]).find("li").remove(); //清空秒
    }
上一篇 下一篇

猜你喜欢

热点阅读