laydate 時間選擇框, 不顯示秒 10分單位表示
阿新 • • 發佈:2018-12-18
主要是想實現以上的畫面。 laydate裡的表中畫面是時分秒,時間是01-23,分-秒是00-59。一些場景並不適用。
我這邊只需要顯示時間,分(10分單位)
我參照了laydate的官方文件以及fly討論社群的內容(感謝感謝),實現了這個處理。
(1) 不顯示秒的方法。
<style type="text/css"> .layui-laydate-content>.layui-laydate-list { padding-bottom: 0px; overflow: hidden; } .layui-laydate-content>.layui-laydate-list>li{ width:50% } .merge-box .scrollbox .merge-list { padding-bottom: 5px; } </style>
(2) laydate的宣告
laydate.render({ elem: '#endTime' ,type: 'time' ,format: 'HH:mm' ,btns: ['clear', 'confirm'] ,ready: formatminutes }); function formatminutes(date) { var aa = $(".laydate-time-list li ol")[1]; var showtime = $($(".laydate-time-list li ol")[1]).find("li"); for (var i = 0; i < showtime.length; i++) { var t00 = showtime[i].innerText; if (t00 != "00" && t00 != "20" && t00 != "30" && t00 != "40" && t00 != "50") { showtime[i].remove() } } $($(".laydate-time-list li ol")[2]).find("li").remove(); //清空秒 }
(3) 參照檔案(特別感謝)
(4) 最後
最好是通過修改原始碼可以實現是最好的。但是時間水平有限,只能用最快的方式實現。
以上 只是測試用的程式碼,不完善的地方請望見諒!!!