2016-03-18 2 views
0

In this plunk У меня есть Угловой интерфейс, который содержит директиву, которая обертывает дампикера. По какой-то причине datepicker-options="dateOptions" игнорируется, так как я не могу заставить календарь НЕ показывать номера недели. Есть идеи?Невозможно изменить параметры в Угловом UI datepicker

HTML

<script type="text/ng-template" id="myModalContent.html"> 

    <div style="height:200px"> 
     <dir></dir> 
    </div> 

</script> 

HTML директива

<p class="input-group"> 
    <input type="text" class="form-control" ng-model="dt" is-open="opened" 
     uib-datepicker-popup="" datepicker-options="dateOptions" ng-required="true" close-text="Close" /> 
     <span class="input-group-btn"> 
     <button type="button" class="btn btn-default" ng-click="open1($event)"> 
      <i class="glyphicon glyphicon-calendar"></i> 
     </button> 
     </span> 
</p> 

Javascript

var app = angular.module('app', ['ui.bootstrap']); 

app.controller('myCtl', function($scope,$uibModal) { 

     $scope.modalInstance = $uibModal.open({ 
      animation: false, 
      templateUrl: 'myModalContent.html', 
      scope: $scope 
     }); 

}); 

app.directive('dir', function() { 

    var directive = {}; 

    directive.restrict = 'EA'; 

    directive.scope = { 
      control: '=' 
    }; 

    directive.templateUrl = 'dir.html'; 

    directive.link = function (scope, element, attrs) { 

     scope.opened = false; 

     scope.dateOptions = { 
      showWeeks: false 
     }; 

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

     }; 

    return directive; 

}); 
+0

Вероятно, ваш Модальные создает свою область и, следовательно, переменная опции не доступны –

+0

Я думал об этом, однако открытая переменная находится в той же области, и она отлично работает – ps0604

ответ

1

Если это ваш случай, я назначил его контроллеру myCtl и работал неплохо.

Plnkr