<link href="<%=path%>/resources/css/bootstrap.min.css" rel="stylesheet"/>
<link href="<%=path%>/resources/css/bootstrap-datepicker.min.css" rel="stylesheet" />
<script type="text/javascript" src="<%=path%>/resources/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/bootstrap.min.js"></script>
<script src="<%=basePath%>resources/js/bootstrap-datepicker.js"></script>
<div class="col-md-3 form-group">
<label for="exampleInputName4">入库日期:</label><input type='text' name="optime" class="form-control dateTime" id="starpoptime" placeholder="请选择日期"/>
</div>
<div class="col-md-3 form-group">
<label for="exampleInputName5">到:</label>
<input type="text" class="form-control dateTime" name="optime2" id="endtime" placeholder="请选择日期">
</div>
//时间格式 带控制
$("#starpoptime").datepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
autoclose: true,
todayBtn: true,
language: 'zh-CN',
endDate : new Date()
}).on("changeDate",function(e){
var startTime = e.date;
$('#endtime').datepicker("setStartDate",startTime);
});
$("#endtime").datepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
autoclose: true,
todayBtn: true,
language: 'zh-CN',
endDate : new Date()
}).on("changeDate",function(e){
var endTime = e.date;
$('#starpoptime').datepicker("setEndDate",endTime);
});
//解释
format 时间格式
weekstart: 一周是从星期1 开始
autoclose : 选择了就关闭时间框
todaybtn : 今天的按钮
language: 显示语言
enddate : 最大时间
changedate: 改变时间时
setstartdate 给他开始时间
setenddate 给他结束时间
//解释 改变时间 会给开始时间最大值
format
.on("changeDate",function(e){
var endTime = e.date;
$('#starpoptime').datepicker("setEndDate",endTime);
});