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。

但是，日期选择器不会弹出。

我错过了一些明显的东西吗？我是否需要启用datepicker或其他东西？

Answer 1

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

AngularJs popup datepicker不会打开

1 个答案: