LayUI前端開發實戰記錄

一、使用彈出框完成頁面遮罩

layer.msg('加載中......', {icon: 16, shade: [0.5, '#f5f5f5'], scrollbar: false, offset: 'auto', time: 2000});

二、彈出框設置顯示時間

layer.msg('修改成功!',{time:500});

三、時間控件

一）只可選擇分秒

【時間格式：mm:ss    限定選定範圍的最大最小值】（只選擇時分時，效果可類似，但是小時會顯示）

（1）代碼

layui.use('laydate', function(){
    var laydate = layui.laydate;

    //時間選擇器 
    laydate.render({
        elem: '#taskMin',
        type: 'time',
        theme: 'molv',
        format: 'mm:ss',
        min: '00:00:00',
        max: '00:60:00',
    });

});

（2）效果：

2）只可選擇時分

a）代碼：添加CSS樣式 【width：】

<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>

效果：