Bootstrap Datepickerで過去の日付を無効にする方法

Question

日付を選択中にBootstrap datepickerに過去の日付を無効にしたいとします。

ドキュメント（Bootstrap Datepicker）では、過去の日付を無効にする方法はありませんでした。

私はこれらのようなものを試しましたが、それは私のためには機能しませんでした。

$(document).ready(function(){ 
    var todayTmp=new Date(); 
    var today=new Date(todayTmp.getFullYear(), todayTmp.getMonth(), todayTmp.getDate(), 0, 0, 0, 0); 

    $('#vDate').datepicker({ 
     onRender: function(date){ 
      return date.valueOf() < today.valueOf() ? 'disabled' : ''; 
     } 
    }); 
}); 

どのように修正するのですか？

Answer 1

これを試して、無効日付としてstartDate: new Date()を使用してください。

$('#datetimepicker1').datepicker({ 
 
    todayHighlight: true, 
 
    format: 'dd/mm/yyyy', 
 
    startDate: new Date() 
 
}); 
 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script> 
 

 
<div class="container"> 
 
    <div class="row"> 
 
     <div class='col-sm-6'> 
 
      <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 glyphicon-calendar"></span> 
 
        </span> 
 
       </div> 
 
      </div> 
 
     </div>   
 
    </div> 
 
</div>