<style>
/* 设置起止时间选择只展示时分,隐藏秒那一列 */
.laydate-time-list {
padding-bottom: 0;
overflow: hidden;
}
.laydate-time-list > li {
width: 50% !important;
}
.laydate-time-list > li:last-child {
display: none;
}
.laydate-time-list ol li {
width: 100% !important;
padding-left: 0 !important;
text-align: center !important;
}
</style>
//选择起止时间
layui.laydate.render({
elem: '.laydate-times',
type: "time",
range: true,
btns: ['confirm'],
format: 'HH:mm', //设置日期格式
//初始化事件
ready: function (date) {
var dom = $(".laydate-time-list").children("li");
//i=选择控件中时分秒顺序,
//比如这里是时间范围选择,需要选择两段时分秒,所以i=6,
//秒选择部分被隐藏了,但实际还是存在
//所以i = 1或i = 4分别对应两个分钟选择器
for (var i = 0; i < dom.length; i++) {
var li = $(dom[i]).children("ol").children("li")
if (i == 1 || i == 4) {
for (var j = 0; j < li.length; j++) {
if ($(li[j]).text() != '00' && $(li[j]).text() != '30') {
$(li[j]).remove();
}
}
}
}
},
//选择完成触发
done: function (value, date, endDate) {
}
});