Angular UI Bootstrapのイベントを閉じるDatePicker

Question

Angular UI Boostrap DatePickerで日付の選択にいくつかのコードを書きたいと思います。

以下のようにng-changeイベントを使用してみました。日付が変更されていない場合は呼び出されません。たとえ私たちがポップアップの近くのイベントを検出できても役立つでしょう。 closeイベントを検出するために

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 
    } 
})