Date time Picker bootstrap in modal

0

This is the date time picker is appearing behind the modal and I am not able to put forward has how to do this?

Code I've tried:

.form_datetime {
      position: relative;
      z-index: 9999;
  }

and

$('input').datepicker({
          beforeShow:function(input){
              $(input).dialog("widget").css({
                  "position": "relative",
                  "z-index": 20
              });
          }
      });

Input code:

<div class="form-group">
   <label for="dtp_input1" class="col-md-2 control-label">Inicio</label>
   <div class="input-group date form_datetime col-md-12" data-date="1979-09-16T05:25:07Z" data-date-format="yyyy MM dd - HH:ii p" data-link-field="dtp_input1">
   <input class="form-control" type="text" name="inserir_fim" id="inserir_fim" value="" required readonly>
   <span class="input-group-addon"><span class="fa fa-close"></span></span>
   <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
         </div>
<input type="hidden" id="dtp_input1" value="" /><br/>
                                                    </div>

Date time picker I'm using: datetime picker link What is going on:

    
asked by anonymous 28.01.2018 / 21:27

1 answer

0
.form_datetime {
      position: relative;
      z-index: 999999;
  }

.modal{
     z-index: 99999;
}
    
30.01.2018 / 20:33