//==========================HTML=======================================
<div class="col-sm-3 col-xs-8">
<input id="startTime" class="datepicker" name="startTime" type="text" required >
</div>
<div class="col-sm-1 col-xs-4">结束时间</div>
<div class="col-sm-3 col-xs-8">
<input id="endTime" class="datepicker" dateEndGeStart="#startTime" name="endTime" type="text" required >
</div>
//==========================JS=======================================
<script src="${base}/assets/js/date-time/bootstrap-datepicker.min.js"></script>
<script src="${base}/assets/js/date-time/locales/bootstrap-datepicker.zh-CN.js"></script>
$(function(){
$(".datepicker").datepicker({
language: "zh-CN",
autoclose: true,//选中之后自动隐藏日期选择框
format: "yyyy-mm-dd"//日期格式
});
//设置开始时间
$('#startTime').datepicker('setStartDate', new Date());
$('#endTime').datepicker('setStartDate', new Date());
$("#startTime").datepicker().on('changeDate', function(e) {
//获取选取的开始时间
var endTimeStart =$("#startTime").val();
//设置结束时间
$('#endTime').datepicker('setStartDate', endTimeStart);
});
//设置结束时间必须晚于开始时间
$("#endTime").datepicker().on('changeDate', function(e) {
//获取选取的开始时间
var endTimeStart =$("#startTime").val();
//设置结束时间
$('#endTime').datepicker('setStartDate', endTimeStart);
});
}