对于平板电脑，ui-bootstrap日期选择器弹出窗口在选择日期后未关闭

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"属性时，它可以正常工作但没有此属性，在选择日期后，datepicker弹出窗口不会关闭。我不想指定此属性，因为我在模态中显示日期选择器，并且我不希望日期选择器在模态打开时与主体一起滚动。

我尝试过为changeDate添加eventListener等解决方案，

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

但这不起作用，它不是在听这个事件。我也试过这样的事情，

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

但这似乎也不起作用。设置autoclose属性true也不起作用。

有人可以帮忙吗？我尝试了几种解决方案，但它们都没有工作。