Bootstrap datepicker意外地觸發另一個事件處理程序內的更改事件

Question

我注意到Bootstrap datepicker發生意外的事件觸發。它只發生在另一個函數/處理程序內部。

通常setDate不應該觸發事件，它不會！除非我將它包裝到另一個函數/處理程序中。試圖瞭解差異並擺脫不必要的事件觸發。

請幫忙。

//$('.set-date-button').click(function(event) { 
    event.preventDefault(); 
    var startDate = '01/01/2017'; 
    $('.start .date').datepicker('setDate', startDate); 
//}); When commented, change event doesn't fire, when uncommented - unexpected change event fires. 

https://jsfiddle.net/xek22wpq/

使用change或changeDate沒有任何區別。

$('.set-date-button').click(function(event) { 
 
    event.preventDefault(); 
 
    var startDate = '01/01/2017'; 
 
    $('.start .date').datepicker('setDate', startDate); 
 
}); 
 

 
$(document).on('change', '.start .date', function() { 
 
    alert('fired!'); 
 
});

<link href="https://rawgit.com/uxsolutions/bootstrap-datepicker/master/dist/css/bootstrap-datepicker.standalone.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://rawgit.com/uxsolutions/bootstrap-datepicker/master/dist/js/bootstrap-datepicker.min.js"></script> 
 
<button class='set-date-button'>Set Date</button> 
 
<div class='start'> 
 
    <input class='date' placeholder='mm/dd/yyyy'> 
 
</div>

Answer 1

https://github.com/uxsolutions/bootstrap-datepicker/issues/575

我發現update方法不會觸發changeDate，但觸發change。這就是我如何消除這種額外射擊：

$('.set-date-button').click(function(event) { 
    event.preventDefault(); 
    var startDate = '01/01/2017'; 
    $('.start .date').datepicker('update', startDate); 
}); 

$(document).on('changeDate', '.start .date', function() { 
    alert('fired!'); 
}); 

https://jsfiddle.net/xek22wpq/10/

Answer 2

因爲當你創建你的改變事件的日期已經設置。如果相反的順序，它會觸發change事件：jsfiddle.net/xek22wpq/9