如何從bootstrap datetimepicker中禁用今天的過去日期？

無法自舉的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

來源

2015-11-25 Raviteja

startDate選項不bootstrap-datetimepicker/Options/文檔中任何地方提到bootstrap-datepicker相同的選項使用它對於

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

FIddle

來源

2015-11-25 11:28:23

通過向下鑽取採摘時間是禁用的。如何解決這個問題？檢查你上面指出的小提琴示例。 – Vijayaraghavan

以前的日期時間組合是禁用的，你可以選擇未來的日期時間 –

昨天我解決了這個問題。該點是新的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

minDate選項我已經用你的小提琴和變化它與以下代碼禁用所有過去的日期，它的工作完美。

這裏是Fiddle和CODE -

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

來源

2015-11-25 11:50:58

你可以這樣說：

$(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 
    }); 


});

來源

2015-11-25 12:14:08

他問DateTimePicker。但你回答DatePicker – oneNiceFriend

我編輯我的答案。謝謝oneNiceFriend –

如何從bootstrap datetimepicker中禁用今天的過去日期？

回答

相關問題