Question

我想在Angular UI Boostrap DatePicker中选择Date时编写一些代码。

我尝试使用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
    }
})

Angular UI Bootstrap DatePicker的关闭事件

1 个答案: