数据交换问题

Question

我使用日期选择器，其中我们有多个日历，但问题是，当点击日期字段时，日历显示在背景中。请看一下链接：

'http://builderfunding.co.in/doylesweb/index.html‘

我们使用的代码如下所示-

`

<div class="form-group input-group col-lg-4"> 
            <!-- <label for="exampleInputName2">When do you want to go?</label>--> 
            <!-- <input type="date" class="form-control" id="exampleInputName2">-->
            <input id="datepicker" type="text" class="form-control">
            <span class="input-group-addon"><span class="fa fa-calendar"></span></span> </div>
              <div class="form-group input-group col-lg-4"> 
            <!-- <label for="exampleInputName2">When do you want to go?</label>--> 
            <!-- <input type="date" class="form-control" id="exampleInputName2">-->
            <input id="datepicker1" type="text" class="form-control">
            <span class="input-group-addon"><span class="fa fa-calendar"></span></span> </div>

`

Answer 1

将其写入CSS文件中

.ui-datepicker {
  z-index: 10!important;
}

Answer 2

这是Z指数问题

只需增加你的数据输入的Z-索引

<input id="datepicker1" type="text" class="form-control" style="z-index: 20">

我给出了内联风格。请使用css代替它。