15

无法自举的DateTimePicker禁用过去的日期如何从bootstrap datetimepicker中禁用今天的过去日期?

HTML

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

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

    </div> 
</div> 

的JavaScript

$(function() { 
    $('#datetimepicker').datetimepicker(); 
}); 

我也用startDate atrribute.But没有用。

小提琴here

回答

26

startDate选项不bootstrap-datetimepicker/Options/文档中任何地方提到bootstrap-datepicker相同的选项使用它对于

$(function() { 
    $('#datetimepicker').datetimepicker({ 
     minDate:new Date() 
     }); 
}); 

FIddle

+0

通过向下钻取采摘时间是禁用的。如何解决这个问题?检查你上面指出的小提琴示例。 – Vijayaraghavan

+0

以前的日期时间组合是禁用的,你可以选择未来的日期时间 –

+0

昨天我解决了这个问题。该点是新的Date()将使当前的HH:mm tt成为密封时间。相反,我们应该直接像 'var date = new Date(); var startDate = new Date(date.getFullYear(),date.getMonth(),date.getDate(),0,0,0); var dateDate = new Date(date.getFullYear(),date.getMonth()+ 1,date.getDate(),23,59,59);' https://jsfiddle.net/65vaoqkw/7/#&togetherjs=zELfaP3wpz – Vijayaraghavan

3

minDate选项我已经用你的小提琴和变化它与以下代码禁用所有过去的日期,它的工作完美。

这里是Fiddle和CODE -

$(function() { 
      $('#datetimepicker').datetimepicker({ 
      minDate : moment() 
      }); 
     }); 
4

你可以这样说:

$(function() { 
     var date = new Date(); 
     var today = new Date(date.getFullYear(), date.getMonth(), date.getDate()); 

     $('#datetimepicker').datetimepicker({ 
     minDate: today 
     }); 
}); 

另一种解决方案:

$(function() { 


    var date = new Date(); 
    date.setDate(date.getDate()-1); 

    $('#datetimepicker').datetimepicker({ 
    startDate: date 
    }); 


}); 
+0

他问DateTimePicker。但你回答DatePicker – oneNiceFriend

+0

我编辑我的答案。谢谢oneNic​​eFriend –

相关问题