layui时间范围选择器 去除秒选择(附带日期选择器官方教程)

layui日期时间(各种)选择器官方教程:https://www.layui.com/demo/laydate.html

通过修改Css来隐藏秒选择器


CSS 部分:
 .laydate-time-list{padding-bottom:0;overflow:hidden}
    .laydate-time-list>li{width:50%!important;}
    .laydate-time-list>li:last-child { display: none;}




JS 部分:
layui.use('laydate', function(){
  var laydate = layui.laydate;
  //时间范围
    laydate.render({
        elem: '#test_0'
        ,type: 'time'
        ,range: true
        ,format: 'HH:mm'  # 这里限制时间选择后只显示 时分 例如 08:05
    });
});

 

跑题推荐icon图标网址,自己也保存一下(很强大的图标插件,前端用得上):http://www.fontawesome.com.cn/faicons/

阿里图标库:https://www.iconfont.cn/

上一篇:laydate.render报错:日期格式不合法


下一篇:layui 学习笔记(二)