-1

datepicker オブジェクトを制御して、datepicker の open/close メソッドを呼び出す方法。別の angularjs ディレクティブで datepicker オブジェクトを取得する方法。

** 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 のメソッドを呼び出す方法は? どんな助けでも大歓迎です。ありがとう。

4

1 に答える 1

1

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>
于 2018-12-12T08:33:35.197 に答える