Angular-ui bootstrap datepicker不会打开两次

Question

我正在使用angular-ui bootstrap datepicker组件.在我有两个日期字段的一个视图上,日期选择器打开,关闭后,单击时再次打开.

在另一个页面上,一旦打开和关闭,日期选择器不再打开.

当然我在这里遗漏了一些东西,但是我放弃了几个小时试图找到它.

你能帮我吗 ？

datepicker的HTML部分如下所示:

<div class="input-group">
                        <input type="text" class="input-sm-7" datepicker-popup="dd/MM/yyyy" is-open="opened"
                               datepicker-options="dateOptions" ng-model="singleDate"
                               close-text="Close" />
                        <button type="button" class="btn btn-default" ng-click="open($event)"><i
                                class="fa fa-calendar"></i>
                        </button>
                    </div>

控制器中的JS代码如下所示:

            $scope.dateOptions = {
            formatYear: 'yy',
            startingDay: 1
        };

        $scope.open = function($event) {
            $event.preventDefault();
            $event.stopPropagation();

            $scope.opened = true;
        };

Answer 1

这是一个已知的问题,并且有一个黑客.试试这个.

$scope.datePicker = {};
$scope.open = function ($event) {
  $event.preventDefault();
  $event.stopPropagation();
  $scope.datePicker.opened = true;
};

改变Html

<div class="input-group">
  <input type="text" class="input-sm-7" datepicker-popup="dd/MM/yyyy" is-open="datePicker.opened"
                               datepicker-options="dateOptions" ng-model="singleDate"
                               close-text="Close" />
  <button type="button" class="btn btn-default" ng-click="open($event)"><i
                                class="fa fa-calendar"></i>
                        </button>
</div>