layui 中默认选择日期的界面如下:
选择时间的界面如下:
意思就是我们必须要先选择日期,才能选择时间,我们来改装一下:
// 只选时分秒 laydate.render({ // 绑定元素 elem: '#test1', // 类型:时间 type: 'time', // 格式:时分秒 format: 'HH:mm:ss', ready: function(date) { let dom = $(".laydate-time-list").children("li"); for(let i = 0; i < dom.length; i++) { if(i == 2 || i == 5) { let li = $(dom[i]).children("ol").children("li") for(let j = 0; j < li.length; j++) { if($(li[j]).text() != '00') { $(li[j]).remove(); } } } else if(i == 1 || i == 4) { let li = $(dom[i]).children("ol").children("li") for(let j = 0; j < li.length; j++) { if($(li[j]).text() != '00') { $(li[j]).remove(); } } } } } });
效果如下:
原理就是:把用不到的元素给删掉