Datepicker в Ajax модального Pop Up

Question

Я использую Модальное всплывающее окно щелчком вызвать форму из Ajax, мой вопрос заключается в том, что DatePicker не работает в модальном всплывающем + Ajax FORM

здесь код

HTML:

<a href="#" data-toggle="modal" data-target="#myId" class="pickUpClass">Add</a> 

<div class="modal fade" id="myId" tabindex="-1" role="dialog" aria-hidden="true"> 
<div class="modal-dialog"> 
<div class="modal-content">  
    <form class="form-horizontal form-bordered" method="post" id="Form2"> 
     <div class="modal-body"> 
     <div class="panel-body panel-body-nopadding cancelForm" style="max-height:400px; overflow:auto;">  

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

AJAX CODE для вызова ФОРМЕ

$('a.pickUpClass').click(function(){ 
    $.ajax({ 
     type: "POST", 
     url: "AJAX.php", // 
     success: function(msg){ 
      $(".Form2").html(msg); 
     }, 
     error: function(){ 
      //alert("failure"); 
     } 
    }); 

}); 

ajax.php

<input type="text" class="form-control" name="pickUpDate" id="pickUpDate" required> 

, когда я называю ajax.php сразу, DatePicker отлично работает и вызов через AJAX функции DatePicker не работает ..

Что может я делать..??

Answer 1

Если вы хотите добавить новый bootstrap-datepicker, вы должны инициализировать вход, который должен быть datepicker, вызывая на нем .datepicker().

Измените свой Ajax функции обратного вызова:

success: function(msg){ 
    $(".Form2").html(msg); 

    $('#pickUpDate').datepicker({ 
     //options object 
    }); 
}, ...