用datetimepicker插件实现限定时间范围的选择
时间插件实现默认当天的时间和只能选择小于今天的日期
html部分
<head>
<th:block th:include="include :: header('新增面试安排')"/>
<th:block th:include="include :: datetimepicker-css"/>
<style>
</style>
</head>
<div class="form-group">
<label class="col-sm-2 control-label is-required">面试时间:</label>
<div class="col-sm-9">
<div class="input-group date">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input name="interviewerTime" type="text" class="form-control" id="datetimepicker" placeholder="请选择日期时间">
</div>
</div>
</div>
js部分
<th:block th:include="include :: datetimepicker-js"/>
$(function () {
/*设置起始时间为当前日期时间*/
$("#datetimepicker").datetimepicker('setStartDate',new Date());
/*设置结束时间*/
$('#datetimepicker').datetimepicker('setEndDate',new Date("2030,10,1"));
});
注意:$(‘#beginTimeDiv’).datetimepicker(‘setStartDate’,new Date(“2025,10,2”));// 2025,10,1 号能点击,要传入比开始的日期多一天