加入css,js文件
<!-- 时间控件 -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/conf3/css/jquery-ui.min.css">
<script src="${pageContext.request.contextPath}//conf3/js/jquery-ui.min.js"></script>
加入input
<div class="row" style="margin-top:20px;">
<div class="col-2">
时间
</div>
<div class="col-4">
<input type="text" id="dateStart" readonly="true" class="form-control datepicker" placeholder="请选开始日期" name="dateStart" size="5">
</div>
<div class="col-1">
到
</div>
<div class="col-4">
<input type="text" id="dateEnd" readonly="true" class="form-control datepicker" placeholder="请选结束日期" name="dateEnd" size="20">
</div>
</div>
在input后加入js片段
<script type="text/javascript">
$(".datepicker").datepicker({
dateFormat : "yy-mm-dd",
onClose : function(selectedDate) {
var option = this.name == "dateStart" ? "minDate" : "maxDate";
$(".datepicker").not(this).datepicker("option", option, selectedDate);
}
});
</script>