AngularJs弹出日期选择器不会打开

Question

我的代码太大，这里不能贴，所以只贴相关部分。

我有一个相当大的应用程序，现在我想添加一个数据选择器。我从the Angular UI bootstrap site复制了代码。

在我的控制器中我初始化了

$scope.popup1 ={'opened': false}
$scope.dt = new Date();

并声明

$scope.open1 = function()
{
    $scope.popup1.opened=true;
}

而且，在我看来，我有

<input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dt"   
   is-open="popup1.opened" min-date="minDate" max-date="maxDate"  
   datepicker-options="dateOptions" date-disabled="disabled(date, mode)"  
   ng-required="true" close-text="Close"   
   alt-input-formats="altInputFormats" />
<span class="input-group-btn">
   <button type="button" class="btn btn-default" ng-click="open1()">  
      <i class="glyphicon glyphicon-calendar"></i></button>
</span>

当我点击按钮时，函数被调用并且$scope.popup1.opened被设置为true。

但是，日期选择器没有弹出。

我是否遗漏了一些明显的东西？我需要启用日期选择器或其他什么吗？

Answer 1

一旦日历弹出窗口没有出现，我就遇到了类似的问题。原来只是一个 CSS 问题，它隐藏在另一个对象后面。查看是否可以在 DOM 中的任何位置找到弹出窗口，然后检查它的 z-index CSS 属性设置为什么。