0

Preciso abrir um calendário em um input que está no arquivo carregado pelo Ajax.

Como posso chamar o plugin Datepicker quando é carregado um Ajax em uma modal Bootstrap?

Tenho esse códigos:

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Exames - 

       <?
       echo $nome;
       ?>

          </h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      </div>

    </div>
  </div>
</div>

Botão para abrir a Modal

<button type="button" class="btn btn-success openBtn" data-id ='<? echo $row["id"]?>'>Ver Exame</button>

Ajax que carrega junto com a Modal

$('.openBtn').on('click',function(){
var myBookId = $(this).data('id');
$('.modal-body').load('getContent_exames.php?id='+myBookId,function(){
$('#myModal').modal({show:true});
});
});

getContent_exames.php (arquivo que o Ajax carrega)

    <div class="form-group col-md-12">
<label for="data1_inicio">Data de Pagamento</label>   
<input type="text" id="data1_inicio" value="<? echo $cmsData['data']?>" name="data1_inicio" autocomplete="off" class="form-control data" value="">  
</div>  

    <script>
    $( function() {
        $( "#data1_inicio_exames" ).datepicker();
        $( "#data1_inicio" ).datepicker();
        $( "#data2_final" ).datepicker();
      } );
    </script>

1 Resposta 1

0

Olá, adicione esse codigo no lugar do $( "#data1_inicio" ).datepicker();.

  $(function () {
        window.prettyPrint && prettyPrint();
        $('#data1_inicio').datepicker({
            format: 'dd-mm-yyyy',
            language: 'pt-BR'
        });
    });
0

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 .