Angularjs 键入时关闭日历，单击“输入”时显示

我在手动输入日期时无法关闭日历，再次单击时会弹出日历。我在下面试过其他方法可以取消日历吗

<input type="text" ng-model="datePicker.date" class="form-control" placeholder="Date" bs-datepicker data-bs-show="datePicker.show">

---

我试图销毁元素

元素。remove（）

，但我已单击两次以显示日历。

我不想这样做，但它可以。。。在输入中，您需要两个函数，一个是

ng blur

和

ng click

。因此，我将默认作用域`data bs show=“datePicker.show”``设置为false，然后对上述两个函数添加验证

$scope.calendarShow = false;

$scope.clickCalendar = function(){
    if($scope.calendarShow){
        $scope.calendarShow = false
    } else{
        $scope.calendarShow =true
    }
}

$scope.blurCalendar = function(){
    $scope.calendarShow = false;
}

---

编辑：忘了提及，使用按键功能并将范围设置为false

我不喜欢这样做，但它可以工作。。。在输入中，您需要两个函数，一个是

ng blur

和

ng click

。因此，我将默认作用域`data bs show=“datePicker.show”``设置为false，然后对上述两个函数添加验证

$scope.calendarShow = false;

$scope.clickCalendar = function(){
    if($scope.calendarShow){
        $scope.calendarShow = false
    } else{
        $scope.calendarShow =true
    }
}

$scope.blurCalendar = function(){
    $scope.calendarShow = false;
}

编辑：忘记提及，使用按键功能并将范围设置为false