<div class="form-group col-xs-2 pl0"> <input type="text" class="form-control form_datetime" id="starttime" name="startTime" placeholder="请选择开始时间"> </div> <div class="form-group col-xs-2 pl0"> <input type="text" class="form-control form_datetime" id="endtime" placeholder="请选择结束时间"> </div> <div class="form-group "> <div> <button type="button" id="searchBtn" class="btn btn-primary">查 询</button> </div> </div>
// 初始化日期选择器 $('#starttime').datetimepicker({ format: 'yyyy-mm-dd', minView:'month',//最小显示到月份 clearBtn:true,//清空按钮 todayBtn:true,//今天按钮 language: 'zh-CN', autoclose:true }).on('changeDate',function(){ //起始时间发生改变,把结束时间的最小值设为结束时间 var starttime=$('#starttime').val(); if(starttime){ $('#endtime').datetimepicker('setStartDate',starttime); }else { $('#endtime').datetimepicker('setStartDate',new Date(-8639968443048000)); } }); $('#endtime').datetimepicker({ format: 'yyyy-mm-dd', minView:'month',//最小显示到月份 clearBtn:true,//清空按钮 todayBtn:true,//今天按钮 language: 'zh-CN', autoclose:true }).on('changeDate',function(){ //结束时间发生改变,把起始时间的最大值设为结束时间 var endtime=$('#endtime').val(); if(endtime){ $('#starttime').datetimepicker('setEndDate',endtime); }else { $('#starttime').datetimepicker('setEndDate',new Date(8639968443048000)); } }); //设置默认时间 var datetime = new Date(); var firstDay = new Date(datetime.getFullYear(), datetime.getMonth(), 1); $('#starttime').datetimepicker('setDate',firstDay); $('#endtime').datetimepicker('setDate',datetime); // 默认时间限制 var defstarttime = $('#starttime').val(); var defendtime = $('#endtime').val(); if (defstarttime != null && defstarttime != "") { $('#endtime').datetimepicker('setStartDate',defstarttime); } if (defendtime != null && defendtime != "") { $('#starttime').datetimepicker('setEndDate',defendtime); }