Datepicker issue

Question

Я использую date-picker, в котором у нас есть несколько календарей, но проблема в том, что при нажатии на поле даты календари отображаются в фоновом режиме. пожалуйста, посмотрите на ссылку:

'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 индекс Issue

Просто увеличьте Z-индекс вашего ввода датпикера

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

Я дал встроенные стили. Вместо этого используйте КАС