Угловой Bootstrap datepicker popup issue

Question

У меня проблема относительно угловой бутстрап datepicker popup. Когда я нажимаю на значок, чтобы открыть всплывающее окно datepicker, он добавит html к элементу, но всплывающее окно не появится.

Я проверил все, но я застрял здесь, я не знаю об этом. Кто-нибудь может мне помочь?

Я использую угловой самозагрузки V Version: 0.12.1 - 2015-02-20

Я использовал этот код:

<div class="input-group w-md"> 
        <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-click="open($event)" ng-required="true" close-text="Close" /> 
        <span class="input-group-btn"> 
        <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button> 
        </span> 
       </div> 

Проверьте консоль:

Javascript контроллеры:

$scope.today = function() { 
     $scope.dt = new Date(); 
    }; 
    $scope.today(); 

    $scope.clear = function() { 
     $scope.dt = null; 
    }; 

    // Disable weekend selection 
    $scope.disabled = function(date, mode) { 
     return (mode === 'day' && (date.getDay() === 0 || date.getDay() === 6)); 
    }; 

    $scope.toggleMin = function() { 
     $scope.minDate = $scope.minDate ? null : new Date(); 
    }; 
    $scope.toggleMin(); 

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

    $scope.dateOptions = { 
     formatYear: 'yy', 
     startingDay: 1 
    }; 

    $scope.format = 'dd.MM.yyyy'; 

Answer 1

вы можете обратитесь к моему plunker:

я скопировать код на plunker, используйте open1() вместо open($event)