在逃命上关闭角度datepicker

时间:2016-12-03 16:50:22

标签: javascript jquery angularjs datepicker

我在我的角度应用中使用angular-datepicker。它工作得非常好,但我试图在逃生按键上关闭它,但无法做到这一点。

我已经尝试了this solution,但它不适合我。有没有其他方法可以关闭datepicker逃生?任何形式的帮助将不胜感激。

我没有找到纯粹的角度代码来做到这一点。所以我尝试了jquery。这就是我目前正在做的事情。我已捕获keydown事件并试图以这种方式隐藏日历

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

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

   }
}

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

1 个答案:

答案 0 :(得分:1)

我查看了datepicker文档。我不确定你的使用是从那里来的(我没有看到“隐藏”,只是“显示[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>