AngularJS Datepicker不会在Bootstrap 3上完全显示Collapse/Accordion

我正在使用Bootstrap 3和AngularJS UI。我已将日期选择器集成到手风琴中，但它本身不显示手风琴机身的外部/外部。AngularJS Datepicker不会在Bootstrap 3上完全显示Collapse/Accordion

我在同一个问题和解决方案（here）上找到了一个参考，但是它与Bootstrap 2.3.1并且在尝试.collapse {position：inherited; }解决方案，并试图覆盖z-index，它仍然无法正常工作。

这里的a Plunker with the problem on 2.3.1所以你可以理解这个问题以及我目前的代码。任何想法是什么导致问题？

<div class="row ix-advanced"> 
    <div class="panel-group col-md-12" id="accordion"> 
     <div class="panel panel-default"> 
      <div id="advancedSearch" class="panel-collapse collapse"> 
       <div class="panel-body"> 
        <form class="form-inline" role="form"> 
         <div class="form-group col-md-1"> 
         <label><?php echo _t('Date')?></label><br /> 
         <input type="text" class="form-control input-sm" datepicker-popup="dd-MM-yyyy" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" placeholder="<?php echo _t('From')?>"/> 
         </div> 
         <div class="form-group col-md-1"> 
         <label><?php echo _t('To')?></label><br /> 
         <input type="text" class="form-control input-sm" placeholder="<?php echo _t('To')?>"> 
         </div> 
        </form> 
       </div> 
      </div>    
     </div> 
    </div> 
</div>

来源

2013-10-24 Eric Mitjans

我已经更新了plunker到最新版本，它似乎工作正常。

我的问题是，虽然如果你布置你的控制与电网系统，然后在弹出被裁剪以适合该行并在你的CSS同事

-Stephen

来源

2014-01-01 00:19:51

，覆盖引导的面板overflow: hidden财产与

.panel-group .panel { 
overflow: inherit; 
}

来源

2014-01-10 12:35:09

的解决方案是增加的最后日期选择以下属性：

datepicker-append-to-body="true"

您可能还想要将属性“打开”更改为“is-open”。

您可以在更新的plunker中看到结果。

来源

2014-04-14 13:14:47

AngularJS Datepicker不会在Bootstrap 3上完全显示Collapse/Accordion

回答

相关问题