Bootstrap-datetimepicker插件打开了一个停留在accordion下面的框。如何使其在手风琴顶部可见？

<div class="accordion">
  <div class="accordion-header">
    <button class="accordion-button" type="button" data-toggle="collapse" data-target="#collapseExample">
      手风琴标题
    </button>
  </div>
  <div id="collapseExample" class="collapse">
    <div class="accordion-body">
      <div class="form-group">
        <label for="datetimepicker">日期选择器</label>
        <input id="datetimepicker" type="text" class="form-control">
      </div>
    </div>
  </div>
</div>

#datetimepicker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

$(function() {
  $('#datetimepicker').datetimepicker({
    // 在此设置其他插件选项
  });
});