1. 程式人生 > >用datetimepicker插件實現限定時間範圍的選擇

用datetimepicker插件實現限定時間範圍的選擇

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插件實現限定時間範圍的選擇