jquery - タブレットの場合、選択した日付の後に ui-bootstrap datepicker ポップアップが閉じない

Question

<input type="text" id="datepickerId" class="form-control datepicker" placeholder="Select date" required name="StartDate" server-validate="parameters.Start"
    uib-datepicker-popup="yyyy/MM/dd"
    ng-model="variableName"
    datepicker-options="dateOptions"
    show-button-bar="false"
    datepicker-popup-template-url="templateUrl"
    is-open="isDatePickerOpen"
    ng-click="isDatePickerOpen=!isDatePickerOpen">

これは、私が使用している日付ピッカーの HTML マークアップです。ポップアップから日付を選択すると、ポップアップは閉じるはずですが、これは機能しません。属性を追加すると機能datepicker-append-to-body="true"しますが、この属性がないと、日付が選択された後に日付ピッカーのポップアップが閉じません。モーダルで日付ピッカーを表示しているため、この属性を指定したくありません。また、モーダルが開いているときに日付ピッカーを本文と一緒にスクロールさせたくありません。

changeDateにeventListenerを追加するなどの解決策を試しましたが、

$("#datepickerId").datepicker().on('changeDate',function(){  $(this).datepicker('hide');  });

しかし、これは機能していません。イベントをリッスンしていません。こんなこともやってみたのですが、

$("#datepickerId").datepicker({
    onSelect: function() {
        $("#modalId").focus();
    }
});

しかし、これもうまくいかないようです。autoclose プロパティを true に設定しても機能しません。

誰か助けてくれませんか？いくつかの解決策を試しましたが、うまくいきません。