부트 스트랩 Datepicker에서 과거 날짜를 비활성화하는 방법

Question

날짜를 선택하는 동안 Bootstrap datepicker에서 과거 날짜를 비활성화하고 싶습니다.

설명서 (부트 스트랩 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>

[현재 날짜없이 과거의 날짜를 비활성화 부트 스트랩 날짜 선택기] (의