Второй Bootstrap Datepicker не закрывается автоматически после изменения через onChange в первом Datepicker

Question

У меня есть 2 datepickers - startDate и endDate. endDate отлично работает сам по себе, пока не будет изменен с помощью on ('changeDate') startDate. Когда endDate изменяется с помощью startDate, он не закрывается автоматически при выборе новой даты (еще один странный эффект заключается в том, что при нажатии мыши на новую дату старая дата отображается в текстовом поле, пока мышь не будет отпущена, где она заменяется с выбранной датой).

    $('#startDate.datepicker').datepicker({
        format: 'dd M yyyy',
        todayBtn: "linked",
        autoclose: true,
        todayHighlight: true
    }).on('changeDate', function (selected) {
        var minDate = new Date(selected.date.valueOf());
        $('#endDate.datepicker').datepicker({ format: 'dd M yyyy' }); // <--THIS IS THE LINE ADDED
        $('#endDate.datepicker').datepicker('setStartDate', minDate);
        $('#endDate.datepicker').datepicker('setDate', minDate); // <--THIS IS THE LINE ADDED
    })
    ;

$('#endDate.datepicker').datepicker({
    format: 'dd M yyyy',
    todayBtn: "linked",
    autoclose: true
});`

Изменить - я изменил средство выбора даты endDate, чтобы при изменении даты выводилось предупреждающее сообщение. Этот logi c не запускается, если сначала выбирается startDate (однако он запускается, если сначала выбирается endDate).

    $('#endDate.datepicker').datepicker({
     format: 'dd M yyyy',
     todayBtn: true,
     autoclose: true
    }).on('changeDate', function () {
    alert("here");
    });

Answer 1

Оказывается, все, что нужно, было заключено в блок ниже. Я не уверен, почему это требуется, поскольку сценарий - последнее, что есть в моем MVC5 View

$(document).ready(function () {
});