|
|
|
@ -144,116 +144,5 @@
|
|
|
|
|
<th:block th:include="include :: footer" /> |
|
|
|
|
<th:block th:include="include :: select2-js" /> |
|
|
|
|
<th:block th:include="include :: bootstrap-select-js" /> |
|
|
|
|
<script type="text/javascript"> |
|
|
|
|
$(function(){ |
|
|
|
|
<!-- datetimepicker示例 --> |
|
|
|
|
$("#datetimepicker-demo-1").datetimepicker(); |
|
|
|
|
|
|
|
|
|
$("#datetimepicker-demo-2").datetimepicker({ |
|
|
|
|
format: "yyyy-mm-dd", |
|
|
|
|
minView: "month", |
|
|
|
|
autoclose: true |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$("#datetimepicker-demo-3").datetimepicker({ |
|
|
|
|
format: "yyyy-mm-dd hh:ii:ss", |
|
|
|
|
autoclose: true |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$('.form_date').datetimepicker({ |
|
|
|
|
format: "yyyy-mm-dd", |
|
|
|
|
minView: "month", |
|
|
|
|
autoclose: true |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$("#datetimepicker-startTime").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; |
|
|
|
|
$('#datetimepicker-endTime').datetimepicker('setStartDate', startTime); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$("#datetimepicker-endTime").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; |
|
|
|
|
$("#datetimepicker-startTime").datetimepicker('setEndDate', endTime); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
<!-- laydate示例 --> |
|
|
|
|
layui.use('laydate', function(){ |
|
|
|
|
var laydate = layui.laydate; |
|
|
|
|
|
|
|
|
|
laydate.render({ |
|
|
|
|
elem: '#laydate-demo-1' |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
laydate.render({ |
|
|
|
|
elem: '#laydate-demo-2', |
|
|
|
|
type: 'date' |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
laydate.render({ |
|
|
|
|
elem: '#laydate-demo-3', |
|
|
|
|
type: 'datetime' |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
laydate.render({ |
|
|
|
|
elem: '#laydate-demo-4', |
|
|
|
|
range: true |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
var startDate = laydate.render({ |
|
|
|
|
elem: '#laydate-startTime', |
|
|
|
|
max: $('#laydate-endTime').val(), |
|
|
|
|
theme: 'molv', |
|
|
|
|
trigger: 'click', |
|
|
|
|
done: function(value, date) { |
|
|
|
|
// 结束时间大于开始时间 |
|
|
|
|
if (value !== '') { |
|
|
|
|
endDate.config.min.year = date.year; |
|
|
|
|
endDate.config.min.month = date.month - 1; |
|
|
|
|
endDate.config.min.date = date.date; |
|
|
|
|
} else { |
|
|
|
|
endDate.config.min.year = ''; |
|
|
|
|
endDate.config.min.month = ''; |
|
|
|
|
endDate.config.min.date = ''; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
var endDate = laydate.render({ |
|
|
|
|
elem: '#laydate-endTime', |
|
|
|
|
min: $('#laydate-startTime').val(), |
|
|
|
|
theme: 'molv', |
|
|
|
|
trigger: 'click', |
|
|
|
|
done: function(value, date) { |
|
|
|
|
// 开始时间小于结束时间 |
|
|
|
|
if (value !== '') { |
|
|
|
|
startDate.config.max.year = date.year; |
|
|
|
|
startDate.config.max.month = date.month - 1; |
|
|
|
|
startDate.config.max.date = date.date; |
|
|
|
|
} else { |
|
|
|
|
startDate.config.max.year = ''; |
|
|
|
|
startDate.config.max.month = ''; |
|
|
|
|
startDate.config.max.date = ''; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
</script> |
|
|
|
|
</body> |
|
|
|
|
</html> |
|
|
|
|