使用说明:collectStartDate和setStartDate类型为Date,对应的创建时间在mysql中为varchar类型
一、下载和引入datetimepicker样式和js
<link th:href="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.css}" rel="stylesheet"/>
<script th:src="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.js}"></script>
二、页面代码
<li>
<label class="font-noraml">采集时间:</label>
<div class="input-group date">
<input type="text" id="collectStartDate" placeholder="yyyy-MM-dd" name="collectStartDate"/>
<span>到</span>
<input type="text" id="collectEndDate" placeholder="yyyy-MM-dd" name="collectEndDate"/>
</div>
</li>
三、js使用
$("#collectStartDate").datetimepicker({
format: 'yyyy-mm-dd',
minView: "month",
todayBtn: true,
autoclose: true,
endDate : new Date(),
}).on('changeDate', function(event) {
event.preventDefault();
event.stopPropagation();
var startTime = event.date;
$('#collectEndDate').datetimepicker('setStartDate', startTime);
});
$("#collectEndDate").datetimepicker({
format: 'yyyy-mm-dd',
minView: "month",
todayBtn: true,
autoclose: true,
endDate : new Date(),
}).on('changeDate', function(event) {
event.preventDefault();
event.stopPropagation();
var endTime = event.date;
$("#collectStartDate").datetimepicker('setEndDate', endTime);
});
四、实体对应得字段
private Date collectStartDate;
private Date collectEndDate;
五、mybatis中查询sql
<if test="collectStartDate!=null">
and STR_TO_DATE(a7, '%Y-%m-%d') >= STR_TO_DATE(#{collectStartDate},'%Y-%m-%d')
</if>
<if test="collectEndDate!=null">
and STR_TO_DATE(a7, '%Y-%m-%d') <= STR_TO_DATE(#{collectEndDate},'%Y-%m-%d')
</if>
说明:a7为数据库中的字段