Datepicker 시작 날짜와 시작 날짜가 맞지 않음

Question

날짜 선택 "시작"과 "끝"이 처음 작동하지만 "시작"날짜를 변경하면 "종료"날짜가 작동하지 않습니다.

<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 

는 HTML

<th>From: <input type="text" class="from span2" value="" id="from"></th> 
<th>To: <input type="text" class="to span2" value="" id="to"></th> 

스크립트

var from = $('.from').datepicker({autoclose: true}).on('changeDate', function(e){   

    $('.to').datepicker({autoclose: true, startDate: e.date }) 

});  

여기 http://jsfiddle.net/britonet/VS2zS/2/ 먼저 그것이 내가 FROM = 2013년 7월 3일 선택, 완벽하게 작동 시도하고 지금까지 내 코드의 장애인 07/02/2013, 07/01/2013 .. 등등 ...하지만 다시 FROM = 06/10/2013으로 변경 한 경우 비활성화되지 않았습니다. 날짜 TO

Answer 1

문제는 $('.to').datepicker가 초기화되지 않는 것입니다. JSFIDDLE은 을 매우 단순한 바이올린으로과 에서 사이의 날짜 범위입니다.

새에 대한 업데이트 :

코드에 따라 새로운 시작 날짜를 설정합니다 eternicode에 의해 다른 부트 스트랩-datepicker.js를 사용

var from = $('.from').datepicker({ autoclose: true }).on('changeDate', function(e){ 
$('.to').datepicker({ autoclose: true}).datepicker('setStartDate', e.date).focus(); 
}); 

FIDDLE.

Answer 2

.to은 귀하의 onchange 밖에 있어야합니다. 이런 식으로,

var from = $('.from').datepicker({autoclose: true}).on('changeDate', function(e){   

});  

var to $('.to').datepicker({autoclose: true, startDate: e.date }); 

여기는 작동 코드입니다. 코드는 starDate을 오늘 날짜로 설정합니다. endDate은 시작일 다음 날 으로 시작합니다.

From: <input type="text" class="from span2" value="" id="from"></th> 
To: <input type="text" class="to span2" value="" id="to"> 

JQuery와 :

var _startDate = new Date(); //todays date 
var _endDate = new Date(_startDate.getTime() + (24 * 60 * 60 * 1000)); //plus 1 day 
$('#from').datepicker({ 
    format: 'mm/dd/yyyy', 
    autoclose: true, 
    startDate: _startDate, 
    todayHighlight: true 
}).on('changeDate', function(e){ 
    _endDate = new Date(e.date.getTime() + (24 * 60 * 60 * 1000)); //get new end date 
    $('#to').datepicker('setStartDate', _endDate).focus(); //dynamically set new start date for #to 
    }); 

$('#to').datepicker({ 
    format: 'mm/dd/yyyy', 
    autoclose: true, 
    startDate: _endDate, 
    todayHighlight: false 
}); 

HERE IS THE FIDDLE

의 startDate가 변경되면, 동적으로이 방법으로 사용자의 startDate

전에 HTML을 날짜를 선택할 수 있으며, ENDDATE 변경됩니다

자세한 내용은 Eternicode's bootstrap datepicker, click here

Answer 3

당신은 모두 datepickers를 초기화하고 처음에 날짜를 따기 후 두 번째의 시작 날짜를 변경해야합니다

var to = $('.to').datepicker({ autoclose: true }); 
var from = $('.from').datepicker({ autoclose: true }).on('changeDate', function(e){ 
    to.startDate = e.date; 
});