如何禁用过去日期和将来的时间在引导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 ..？

回答

相关问题