0

É o seguinte o date time picker está a aparecer por traz do modal e não estou conseguindo colocar á frente tem como fazer isso?

Codigo que tentei:

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

e

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

Codigo do input:

<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 que estou a usar: Link do datetime picker O que está acontecendo: inserir a descrição da imagem aqui

6
  • Tem como colocar o exemplo minimo, que seria um parte disso para analisarmos ...
    – novic
    Commented 28/01/2018 às 20:32
  • Ja mudei é isso? @VirgilioNovic
    – Shider
    Commented 28/01/2018 às 20:38
  • Qual é a versão do boostrap?
    – novic
    Commented 28/01/2018 às 20:38
  • eu estou a usar o 4
    – Shider
    Commented 28/01/2018 às 20:40
  • No seu JS você está passando o z-index com 20, no CSS você pode usar o !important só pra ter certeza
    – Dobrychtop
    Commented 29/01/2018 às 17:55

1 Resposta 1

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

.modal{
     z-index: 99999;
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .