Datepicker在元素内部不起作用

Question

我正在尝试使用 bootstrap datepicker 。但是，我试图在表中使用它，并在 th 元素中具体使用。这是我的表：

        <table id="table" class="table table-bordered table-hover" data-toggle="table" data-height="400" data-pagination="true" data-locale="en_US">

在里面，我有：

      <th data-field="date" >
          <div  class="input-group bfh-datepicker" data-format="y-m-d" data-max="today" id="input-date" placeholder="Date of record">
        </div>
      </th>

问题是我无法正确显示日期选择器。这是一个截图： Imgur

Answer 1

尝试将此代码添加到CSS中，直接隐藏到日期选择器窗口：

element.style {
   position:relative;
   z-index:1000; //change your number as per elements lies on your page.
}