Close event of Angular UI Bootstrap DatePicker

Question

I want to write some code on selection of Date in Angular UI Boostrap DatePicker.

I tried using ng-change event as below. but it doesn't call when date is not changed. Even if we can detect close event of popup that will also be helpful.

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

My HTML Code

<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()" 
/>

aseferov · Accepted Answer · 2017-05-18 11:46:51Z

1

watch opened property for detect close event

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

answered May 18, 2017 at 11:46

aseferov

6,4233 gold badges20 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Close event of Angular UI Bootstrap DatePicker

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related