layui時間控件,獲取頁面選中的時間值。

先貼上html文檔

<div class='layui-form'>
	<div class="layui-form-item">
			<div class="layui-inline">		
				<label class="layui-form-label">起始日期：</label>
				<input type="text" class="layui-input" id="startdatepicker" autocomplete="off" />
				
			 </div>
			<div class="layui-inline">		
				<label class="layui-form-label">截止日期：</label>
				<input type="text" class="layui-input" id="enddatepicker" autocomplete="off" />
			 </div>
			 <button class="layui-btn" data-type="reload">搜索</button>
		</div> 
</div>

時間選擇器

layui.use('laydate',function(){
    var laydate = layui.laydate;
    
   laydate.render({
        elem:'#startdatepicker'
        ,format:'yyyy-MM-dd'
        ,done:function(value,date,startDate){
            //$scope.querySearchParams.startdatepicker = stitchingDate(value,'startdatepicker');
        }
    });
    
    var enddatepicker=laydate.render({
        elem:'#enddatepicker'
        ,format:'yyyy-MM-dd'
        ,done:function(value,date,startDate){
            //$scope.querySearchParams.startdatepicker = stitchingDate(value,'startdatepicker');
        }
    });  
});

獲取日期，並重載

 1 var $ = layui.$, active = {
 2                 reload : function() {                    
 3                     var startdate = $("#startdatepicker");
 4                     var enddate = $("#enddatepicker");
 5                     
 6                     //執行重載
 7                     table.reload('tests', {
 8                         where : {
 9                             start : startdate.val(),
10                             end : enddate.val()
11                         }
12                     });
13                 }
14             };
15             $('.layui-btn').on('click', function() {
16                 var type = $(this).data('type');
17                 active[type] ? active[type].call(this) : '';
18             });