用datetimepicker插件實現限定時間範圍的選擇
阿新 • • 發佈:2018-07-07
ace 技術 src ets set -i hicon tst -c
1、下面是要實現的效果圖,讓開始時間只能從 2018-7-1 到 2018-7-7 選擇。
2、html的結構
<div class="input-append input-group" id="beginTimeDiv"> <input type="text" class="form-control" data-format="yyyy-MM-dd" placeholder="開始日期" disabled id="beginTime" name="beginTime" /> <span class="input-group-addon add-on"> <i data-time-icon="glyphicon glyphicon-time" data-date-icon="fa fa-calendar"></i> </span> </div>
3、js代碼
$(‘#beginTimeDiv‘).datetimepicker(‘setStartDate‘,new Date("2018,7,2"));// 2018,7,1 號能點擊,要傳入比開始的日期多一天 $(‘#beginTimeDiv‘).datetimepicker(‘setEndDate‘,new Date("2018,7,7"));
用datetimepicker插件實現限定時間範圍的選擇