DateTimePicker在添加css动画后在后台打开（内部JSFIDLE）

由于我通过“animate.css”添加了动画，所以“bootstrap datetimepicker”（）有一个问题

我创建了以下JSFIDLE：

无标题的小组标题
面板内容

如您所见，

datetimepicker

将在后台打开。 如果删除css类“rotateIn”，选择器将正常打开

---

我试图找出Z指数的问题所在，但没有取得任何重大成功

你应该给

的父对象一个比它的兄弟姐妹更高的

z指数

您的更新代码：

<div class="panel panel-default animated rotateIn">
 <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content
    <div class="form-group">
      <div class='input-group date' id='datetimepicker1'>
        <input type='text' class="form-control" />
        <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
        </span>
      </div>
    </div>
  </div>
</div>