Angular UI Bootstrap日期选择器宽度问题

Question

我在模态对话框中使用Angular UI Bootstrap datepicker弹出窗口。根据内部内容不能正确计算外部边界的宽度。在某些情况下，外箱比内箱大。在其他情况下，外部更小。另外，日期选择器的外部宽度似乎对弹出窗口的宽度有影响。例如，“col-sm-4”会使边框变小，而“col-sm-5”会使边框变大。

任何人都可以请我指出正确的方向来检查问题可能是哪里？

在此先感谢！

Answer 1

只是想通了这一点。那是一个错误。我改变了埋在某处的“下拉菜单”css类，这会影响日期选择器布局。

Answer 2

看看这个：http://plnkr.co/edit/JTkIvBwl9agQCYxLaN6X?p=preview

Just change to: is-open="opened" to: is-open="$parent.opened" 

HTML的那么相关的片段看起来像：

<div class="input-group"> 
    <input type="text" class="form-control" 
    datepicker-popup="dd.mm.yyyy" 
    ng-model="dt" 
    is-open="$parent.opened" 
    ng-required="true" 
    close-text="Close" /> 
    <span class="input-group-btn"> 
     <button style="height:34px;" class="btn btn-default" ng-click="open()"> 
      <i class="icon-calendar"></i> 
     </button> <b><- button not working</b> 
    </span> 
</div>