1. 程式人生 > >laydate 時間選擇框, 不顯示秒 10分單位表示

laydate 時間選擇框, 不顯示秒 10分單位表示

主要是想實現以上的畫面。 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) 最後

最好是通過修改原始碼可以實現是最好的。但是時間水平有限,只能用最快的方式實現。

以上 只是測試用的程式碼,不完善的地方請望見諒!!!