退出时关闭有角日期选择器

Question

I'm using angular-datepicker in my angular App. it works perfectly fine but I'm trying to close it on escape key press but unable to do that.

I've tried this solution but its not working for me. Is there any other way to close datepicker on escape? Any kind of help will be appreciated.

I didn't find pure angular code to do this. So I'm trying jquery. This is what I'm currently doing. I've captured keydown event and trying to hide calendar this way

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

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

   }
}

But its not working ...

Answer 1

I looked over the datepicker docs. I'm not sure your usage comes from there (I don't see "hide", just "show[true-false]". Take a look:

.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>