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: