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/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM