daterangepicker 超过所有项目答案

【问题标题】：daterangepicker is over all itemsdaterangepicker 超过所有项目
【发布时间】：2021-04-17 23:41:22
【问题描述】：

请注意我正在使用 daterangepicker : (https://cdn.jsdelivr.net/npm/daterangepicker) 我遇到了一个问题，即输入所有时间都超过所有项目（如 boostrap Modal 或 menu ）

<div class="col-md-3 form-group">
<div class="picker-carte" style="position:relative;">
<label for="datePicker" class=" control-label">Select date :</label>
 <input type="text" name="datePicker" class="form-control daterangepicker" value="{{$start_date}} - {{$end_date}}" data-start="{{$start_date}}" data-end="{{$end_date}}">
</div>
</div>

我试过了：

style="position:relative;"

或添加到类选择器：

.picker-carte {
    z-index: 0 !important;
}

页面外观：

一个

【问题讨论】：

标签： html css daterangepicker

【解决方案1】：

不要修复日期选择器，而是增加“顶栏”的z-index

.top-bar { /* or whatever class or ID has your top bar */
  position: relative; /* or whatever */
  z-index: 100; /* or as needed */
}

【讨论】：

【解决方案2】：

似乎他们给类 daterangepicker 一个 x-index = 3001

我使用了下面的 css 并修复了它。

.daterangepicker { 
z-index: 0!important; 
}

【讨论】：