Angular UI Bootstrap DatePicker 的关闭事件

Question

我想在 Angular UI Boostrap DatePicker 中编写一些关于日期选择的代码。

我尝试使用 ng-change 事件，如下所示。但是当日期没有改变时它不会调用。即使我们可以检测到弹出窗口的关闭事件也会有所帮助。

ctrl.changeDate = function() {
    console.log('called date');
}

我的 HTML 代码

<input type="text" class="form-control" 
    uib-datepicker-popup="{{'dd/MM/yyyy'}}"
    ng-model="$ctrl.model[$ctrl.name]"  
    ng-show="$ctrl.editMode"
    is-open="$ctrl.popup1.opened"
    datepicker-options="{dateDisabled: disabled,formatYear: 'yy',startingDay: 1}"
    close-text="Close" 
    alt-input-formats="['dd/MM/yyyy']" 
    ng-focus="$ctrl.open1()"
    ng-change="$ctrl.changeDate()" 
/>

Answer 1

观察打开属性以检测关闭事件

$scope.$watch('$ctrl.popup1.opened',function(newVal, oldVal){
    if(newVal != oldVal && !newVal){
         //close event
    }
})