角度引导日期选择器手柄接近/模糊

Question

我一直在使用的角度引导日期选择器由：

<input type="text" size="7" class="round boxsiz date_picker" uib-datepicker-popup="{{format}}" ng-model="dt" is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats" ng-click="open1()" datepicker-append-to-body="true"/> 
<button type="button" class="btn btn-default btn-calendar" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button> 

我要当点击关闭或地方外日期选择器的形式来处理这种密切/模糊事件，并执行一些功能（加/将类移除到其他元素）？

Answer 1

这是您的问题的plunker演示。下面是我们如何处理datepicker弹出窗口关闭事件的代码片段。

$scope.$watch('popup1.opened', function(newVal, oldVal) { 
      if (newVal != oldVal && !newVal) { 
       console.log('popup1 closed'); 
       $scope.calendarName1 = 'Calender 1'; 
      } 
     }, true); 

当您关闭这$scope.popup1.opened。所以说在弹出的属性is-open NG-模型改变是我们的目标看，到执行上，靠近我用$watch()观看范围变量并执行操作需要采取行动。在观察员内部，您也可以调用功能。

在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" /> 

类似的方式，每当日期由简单地调用下面的代码

$scope.$watch('dt', function(newVal, oldVal) { 
     if (newVal != oldVal) { 
      console.log('date changed'); 
      $scope.dateChanged = 'Hey you changed date'; 
     } 
    }, true);