如何禁用過去日期和將來的時間在引導DateTimepicker ..？

我希望在選擇日期和禁用將來時間時禁用過去的日期時間datetimepicker中選擇時間。如何禁用過去日期和將來的時間在引導DateTimepicker ..？

我試過下面的代碼，但它不起作用。

請檢查Fiddle

HTML : 

<div class="row"> 
    <div class="col-md-12"> 
     <h6>datetimepicker1</h6> 

     <div class="form-group"> 
      <div class="input-group date" id="datetimepicker1"> 
       <input type="text" class="form-control" /> <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
      </div> 
     </div> 
     <h6>datetimepicker2</h6> 

     <input type="text" class="form-control" id="datetimepicker2" /> 
    </div> 
</div> 

JS : 

$('#datetimepicker1').datetimepicker({ 
    viewMode: 'days', 
    format: 'DD-MM-YYYY HH:mm', 
    maxDate: new Date(), 
    minDate:moment() 
});

我想過去的日期禁用和未來的時間禁用。

對於防爆：

今天14-09-2017然後我想禁用日曆所有以前的日期像10,12,13等這一切以前的日期應該被禁用。
24小時時間格式當前時間是12:00，然後禁用所有未來時間和分鐘的時間選擇，如13：00,14：00,15：00等時間應該被禁用。

請幫忙。

來源

2017-09-13 Goku

小提琴正在 –

你的意思是你想對slecting日期選擇器1 –

我想過去的日期禁用和未來的時間禁用.. 防爆禁用DATEPICKER2值： 1）今天14-09-2017的話，我想在日曆中禁用所有以前的日期像10,12， 13等這一切都在此之前應該禁用日期。 2） 24小時時間格式當前時間是12:00，然後禁用所有未來時間和分鐘的時間選擇，如13：00,14：00,15：00等時間應該被禁用。 – Goku

Datetimepicker允許一個名爲enabledHours的選項。此選項可以幫助 https://eonasdan.github.io/bootstrap-datetimepicker/Functions/#endisabledhours

下面的代碼片段，我們獲取當前的小時計算過去的時間和傳遞的啓用時間陣列

var currentdatetime=new Date(); 
var currenthour = currentdatetime.getHours(); 

var hourstoenable = new Array(); 
for (var i = 0; i <= currenthour; i++) { 
    hourstoenable.push(currenthour-i); 
} 


$('#datetimepicker1').datetimepicker({ 
    viewMode: 'days', 
    format: 'DD-MM-YYYY HH:mm', 
    minDate:moment(), 
    enabledHours: hourstoenable 
});

來源

2017-09-14 09:23:59 g3suya

如何禁用過去日期和將來的時間在引導DateTimepicker ..？

回答

相關問題