오늘뿐만 아니라 과거의 모든 날짜를 부트 스트랩 datepicker에서 비활성화하는 방법

Question

부트 스트랩 datepicker를 사용하고 있습니다.

일요일, 토요일 및 모든 이전 날짜를 비활성화하는 코드를 사용했지만 오늘도 비활성화해야합니다. 어떻게해야합니까?

return date.valueOf() < now.valueOf() ? 'disabled' : ''; 

가 <=와 < 교체 :

여기 내 코드이 줄

function disableWeekends($this) { 
     var $days = $this.find('.datepicker-days tr').each(function() { 
      var $days = $(this).find('.day'); 
      // disable Sunday 
      $days.eq(0).addClass('disabled').click(false); 
      // disable Saturday 
      $days.eq(6).addClass('disabled').click(false); 
     }); 
    } 

// create the date picker 
     var nowTemp = new Date(); 
     var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 



$('#demo_date').datepicker({ 
      onRender: function(date) { 
       return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
      } 
     }).on('changeDate', function(ev){ 
      $(this).datepicker('hide'); 
      $('.help-tip').popover('hide');     
     }); 

     // get instance of the jQuery object created by 
     // datepicker 
     var datepicker = $('#demo_date').data('datepicker'); 

     if(datepicker) { 
      // disable weekends in the pre-rendered version 
      disableWeekends(datepicker.picker); 

      // disable weekends whenever the month changes 
      var _fill = datepicker.fill; 
      datepicker.fill = function() { 
       _fill.call(this); 
       disableWeekends(this.picker); 
      }; 
     } 

Answer 1

입니다.

Answer 2

필요한 결과를 얻으려면 startDate 및 daysOfWeekDisabled 옵션을 사용하십시오.

$(function() { 
 
    $('.datepicker').datepicker({ 
 
    autoclose: true, 
 
    weekStart: 1, 
 
    startDate: '+1d', 
 
    daysOfWeekDisabled: [0, 6] 
 
    }); 
 
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"/> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script> 
 

 

 
<input class="datepicker" type="text">

부트 스트랩 2.2.2 :

$(function() { 
 
    $('.datepicker').datepicker({ 
 
    autoclose: true, 
 
    weekStart: 1, 
 
    startDate: '+1d', 
 
    daysOfWeekDisabled: [0, 6] 
 
    }); 
 
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/css/bootstrap.min.css" rel="stylesheet" /> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css" rel="stylesheet" /> 
 

 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/bootstrap.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script> 
 

 

 
<input class="datepicker" type="text">