부트 스트랩 Datepicker 세트 최소 범위

Question

우리는 체크 인 및 체크 아웃 날짜를 설정하기 위해 부트 스트랩 Datepicker (https://github.com/uxsolutions/bootstrap-datepicker)를 사용하고 있습니다.

최소 야간 숙박이있는 속성의 경우 날짜 선택 도구에서 '최소 범위'를 설정할 수 있어야합니다.

누락 된 요구 사항 :

• 이 밤의 # 재산 야간 최소 미만을 허용하지 마십시오.
• 체크 아웃 날짜를 체크인 날짜 이전으로 허용하지 마십시오. 방문자가 2017년 12월 1일의 체크인 날짜를 선택하고 속성은 3 박의 최소 박있는 경우

따라서, 방문자가 선택하도록 허용해서는 안 2017년 12월 2일, 12/03/2017. 체크 아웃 할 수있는 다음 밤은 2011 년 12 월 4 일이어야합니다.

나는이 날짜 선택 도구로 간단한 옵션으로 표시되지 않습니다. 나는 그것이 꽤 많은 기능 요청으로 추가되었음을 알 수있다. https://github.com/uxsolutions/bootstrap-datepicker/issues/970

나는 disabledDates 및 setDatesDisabled 날짜를 사용하여 작동 할 수있는 것부터 시작했습니다. 그러나, 나는 왜이 장애인 날짜가 새로운 시작일을 선택할 때 작동하지 않거나 발포하지 않는지 알아낼 수 없습니다. 나는 새로 설정된 장애인 날짜와 이미 게시 된 날짜를 결합 할 수 있어야한다고 생각합니다.

$(function($) { 

    var today = new Date(); 
    $('.input-daterange').datepicker({ 
     daysOfWeekHighlighted: "0,6", 
     autoclose: true, 
     todayHighlight: true, 
     startDate: today, 
     datesDisabled: ['10/1/2017','10/2/2017','10/3/2017','10/4/2017','10/5/2017','10/6/2017','10/7/2017','10/8/2017','10/9/2017','10/10/2017','10/11/2017','10/12/2017','10/13/2017','10/14/2017','10/15/2017','10/16/2017','10/17/2017','10/18/2017','10/19/2017','10/20/2017','10/21/2017','10/22/2017','10/23/2017','10/24/2017','10/25/2017','10/26/2017','10/27/2017','10/28/2017','10/29/2017','10/30/2017','10/31/2017'], 
    }); 

}); 

// Set end date to minimum nights. 
$('#start').on('change', function() { 

    // Set minNights. 
    minNights = 3; 

    start = $('#start').datepicker('getDate'); 
    end = moment(start).add(minNights, 'day').toDate(); 
    $('#end').datepicker('update', end); 

    $('.input-daterange').datepicker('setDatesDisabled', [ $('.input-daterange').datepicker('setDatesDisabled', ['12/02/2017', '12/03/2017']);]); 

}); 

또 다른 날짜 선택 도구가 이미 내장되어 있습니까? 또는 위의 누락 된 요구 사항을 부트 스트랩 datepicker에 추가하는 간단하고 명확한 방법이 있습니까?

간단한 JSFiddle

• https://jsfiddle.net/riverecho/omd5uw21/

Answer 1

이것은 시도해

$(function() { 
    $('#datepicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     showButtonPanel: true, 
     changeMonth: true, 
     changeYear: true, 
yearRange: '1999:2012', 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     minDate: new Date(1999, 10 - 1, 25), 
     maxDate: '+30Y', 
     inline: true 
    }); 
});