2015-10-10 65 views
2

我使用的点击模式弹出来调用Ajax的一种形式,我的问题是,日期选择器没有在模式弹出+ Ajax表单工作日期选择在阿贾克斯模式弹出多达

这里是代码

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代码调用FORM

$('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的日期选择完美的作品,并通过Ajax功能日期选择器不能正常工作调用..

我能做..??

+0

,为什么要找一个'POST' Ajax请求?我没有看到你正在发送任何数据。 –

+0

srry,我忘了提及我发送一个数据id与ajax ..在该ID我的形式正在改变 –

+0

你使用'jQuery' datepicker? –

回答

1

如果你想添加一个新的bootstrap-datepicker,你必须通过调用.datepicker()来初始化应该是日期选择器的输入。

更改您的AJAX回调函数:

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

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

thnx Ron ..我已经通过改变你给出的选项来完成..它的工作.. –

+0

超级有用!谢谢!我花了一些时间试图找出在jQuery UI对话框(模态)中使用Drupal 7.x的日期选择器的配方。 – Gor