0 
<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，并且我不希望 datepicker 在模态打开时随正文滚动。

我尝试了像为changeDate添加一个eventListener这样的解决方案，

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

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

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

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

有人可以帮忙吗？我尝试了几个解决方案，但它们不起作用。

4

0 回答 0