Datepicker не работает, когда я нажимаю второй раз

Question

У меня есть DatePicker на angular.js:

<input type="text" 
     class="form-control" 
     datepicker-popup="{{format}}" 
     ng-model="dt" 
     is-open="opened" 
     min-date="minDate" 
     max-date="'2015-06-22'" 
     datepicker-options="dateOptions" 
     date-disabled="disabled(date, mode)" 
     ng-required="true" 
     close-text="Close"> 

Когда я нажимаю в первый раз на кнопку, работать хорошо, но когда я нажимаю еще раз, он сделал работу ,

Я стараюсь это:

$scope.open = function ($event) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 
    $scope.opened = true; 
}; 

и это:

$scope.open = function ($event) { 
    $event.stopPropagation(); 
    $scope.opened = true; 
}; 

Answer 1

Поскольку ваша кнопка делает то же самое, т.е. установив переменную истинным, так что вы не получите никакого эффекта на экране. попробуйте следующее:

$scope.open = function ($event) { 
    //change this 
    $scope.opened = !$scope.opened; 

    $event.preventDefault(); 
    $event.stopPropagation(); 
};