layui时间选择器只选择时和分,不显示秒;
css 方式
<style>
.laydate-theme-hhmm .laydate-time-list>li {
width: 50%;
}
.laydate-theme-hhmm .laydate-time-list>li:last-child {
display: none;
}
</style>
laydate.render({
elem: '#id'
,type: 'time'
,theme: 'hhmm' //关键地方
,format: 'HH:mm'
});
我的页面是php混写的 theme: ‘hhmm’ 这种不太好用 ,就用了下面js的只需要把 ready: function(date)方法复制到自己想要放的地方就可以了
js方式
laydate.render({
elem: '#id'
,type: 'time'
,format: 'HH:mm'
,ready: function(date){
var layKey = layui.$(this.elem).attr('lay-key');
layui.$('#layui-laydate' + layKey).find('.layui-laydate-list>li').width('50%').last('li').hide();
}
});