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             });