引入
<th:block th:include=“include :: select2-css” />
<th:block th:include=“include :: select2-js” />
<li class="select-time">
<label>时间格式:</label>
<div class="input-daterange input-group" >
<input type="text" class="input-sm form-control" id="datetimepicker-startTime" placeholder="开始时间" name="startTime" readonly="readonly"/>
<span>--</span>
<input type="text" class="input-sm form-control" id="datetimepicker-endTime" placeholder="结束时间" name="endTime" readonly="readonly"/>
</div>
</li>
$("#datetimepicker-startTime").datetimepicker({
format: 'yyyy-mm-dd hh:ii',
todayBtn: true,
dateFormat: 'yyyy-mm-dd',//日期显示格式
timeFormat: 'HH:mm:ss',//时间显示格式
autoclose: true,
}).on('changeDate', function(event) {
event.preventDefault();
event.stopPropagation();
var startTime = event.date;
$('#datetimepicker-endTime').datetimepicker('setStartDate', startTime);
});
$("#datetimepicker-endTime").datetimepicker({
format: 'yyyy-mm-dd hh:ii',
dateFormat: 'yyyy-mm-dd',//日期显示格式
timeFormat: 'HH:mm:ss',//时间显示格式
todayBtn: true,
autoclose: true,
}).on('changeDate', function(event) {
event.preventDefault();
event.stopPropagation();
var endTime = event.date;
$("#datetimepicker-startTime").datetimepicker('setEndDate', endTime);
});