Angularjs с загрузчиком пользовательского интерфейса - PullRequest
Новая
       32

Angularjs с загрузчиком пользовательского интерфейса

0 голосов
/ 12 декабря 2018

Как управлять объектом datepicker для вызова метода открытия / закрытия datepicker.как получить объект DatePicker в другой директиве angularjs.

** HTML **

<input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dt" is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats" picker-date />

Директива: 

   module.directive('pickerDate', function() {
      return {
        restrict: 'A',
        priority: 1,
        require: 'ngModel',
        link: function(scope, element, attrs, ctrl) {
          console.log(ctrl)
          element.on('click', function() {                
          });
          // console.log();
        }
      };
    });

Когда элемент нажимаетсякак вызвать метод datepicker?Любая помощь будет оценена.Спасибо.

1 Ответ

0 голосов
/ 12 декабря 2018

В html у вас есть is-open="popup1.opened".Таким образом, вы можете контролировать это, изменяя логическое значение $scope.popup1.opened. 

$scope.popup1.opened = true; // open date picker
$scope.popup1.opened = false; // close date picker

Если вы хотите изменить это при нажатии на элемент, вы можете использовать ng-click.Для пример : 

<input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dt" is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats" picker-date />
<button type="button" ng-click="popup1.opened = !popup1.opened"></button>
...