javascript - 退出时关闭 Angular 日期选择器

Question

我正在使用angular-datepicker在我的 Angular 应用程序中。它工作得很好，但我试图在按下转义键时关闭它，但无法做到这一点。

我已经尝试过this solution但它不适合我。还有其他方法可以在转义时关闭日期选择器吗？任何形式的帮助将不胜感激。

我没有找到纯粹的 Angular 代码来执行此操作。所以我正在尝试jquery。这就是我目前正在做的事情。我已捕获 keydown 事件并尝试以这种方式隐藏日历

window.addEventListener('keydown', function(event) {

   if(event.which === 27) //escape
   {    
       $('#StartDate ~ .720kb.datepicker').hide();

   }
}

但它不起作用......

Answer 1

我查看了日期选择器文档。我不确定你的用法来自那里(我没有看到“隐藏”，只是“显示[true-false]”。看一下:

.controller('TestController', ['$scope', '$interval', function TestController($scope, $interval) {
    $scope.visibility = true;

    $interval(function setInterval() {
      //toggling manually everytime
      $scope.visibility = !$scope.visibility;
    }, 3500);
  }]);
  <datepicker ng-controller="TestController" datepicker-show="{{visibility}}">
      <input ng-model="date3" type="text" class="angular-datepicker-input"/>
    </datepicker>