2016-06-13 118 views
0

我有問題,有關角度引導datepicker彈出。 當我點擊圖標打開datepicker彈出它將附加HTML元素,但彈出不來。Angular Bootstrap datepicker彈出問題

我檢查了一切,但我卡在這裏我沒有任何關於它的想法。 任何人都可以幫助我?

我使用的角度引導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> 

檢查控制檯: enter image description here

的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'; 
+0

你有這方面的工作任何JavaScript代碼? – Mistalis

回答

0

可以參考我的plunker

我你的代碼複製到我的plunker,使用open1()代替open($event)

+0

您好,您正在使用* uib-datepicker-popup *,但其最新的角度bootstrap我使用舊版本 –

+0

可以請你給我一個你的代碼plunker? –

+0

好的...我會嘗試 –