ブートストラップdatepicker setDatesDisabledがボタンのクリックで機能しない

Question

ボタンのクリック時にsetDatesDisabledを試みても、ブートストラップのdatepickerは動作しません。

HTML：

<div id="container"> 
    <div id="date-range"> 
    <div class="range-start"></div> 
    <div class="range-end"></div> 
    </div> 
    <button id="button" class="btn btn-warning">Disable Dates</button> 
</div> 

はJavaScript：

$(function() { 
    $('#date-range').datepicker({ 
    inputs: $('.range-start, .range-end'), 
    format: 'yyyy-mm-dd', 
    datesDisabled: ['2016-04-21', '2016-04-20', '2016-04-13'] 
    }); 

    $('#button').click(function() { 
    $('#date-range').datepicker('setDatesDisabled', ['2016-04-29', '2016-04-30']); 
    }); 
}); 

フィドル：https://jsfiddle.net/kaygee79/953zk742/

Answer 1

日付ピッカーの初期化時に指定したinputsを使用してください。

$(function() { 
    $('#date-range').datepicker({ 
    inputs: $('.range-start, .range-end'), 
    format: 'yyyy-mm-dd', 
    datesDisabled: ['2016-04-21', '2016-04-20', '2016-04-13'] 
    }); 

    $('#button').click(function() { 
    $('.range-start').datepicker('setDatesDisabled', ['2016-04-29', '2016-04-30']); 
    $('.range-end').datepicker('setDatesDisabled', ['2016-04-29', '2016-04-30']); 
    }); 
}); 

の作業フィドル： https://jsfiddle.net/f50ga49j/