Question

我有两个页面main.php和ajx_receipt_sub_detail.php。 1是emain.php，另一个是加载datepicker页面的AJAX页面ieajx_receipt_sub_detail.php。但是datepicker工作不正常。但是当我尝试使用ajax调用加载它时，选择器似乎根本不起作用。有人为这些问题提供任何解决方案吗？

main.php

function sub_detail(id)
{
var exchange_rate=$('#exchange_rate').val();
$.ajax({
    type: "POST",
    url: 'ajx_receipt_sub_detail.php',
    data:'id='+id + '&exchange_rate=' + exchange_rate,
    success: function(msg)
     { 
      $("#sub_detail").html(msg);

     }
  });   
}

ajx_receipt_sub_detail.php

 <link rel="stylesheet" 
 href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
 <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
  <script>

  $(function() {
  $( "#slip_date2" ).datepicker({dateFormat:'yy-mm-dd'});
  });
  </script>
           <input name="slip_date" 
  style="width:81px;" type="text" class="txtfld"  id="slip_date2" value=""  />

Answer 1

在main.php

中使用此功能

    <link rel="stylesheet" 
     href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
     <script src="//code.jquery.com/jquery-1.10.2.js"></script>
     <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
      <script>
$(document).ready(function() {
     $("body").on("click", "#slip_date2", function(){
            if (!$(this).hasClass("hasDatepicker"))
            {
               $( "#slip_date2" ).datepicker({dateFormat:'yy-mm-dd'});
               $(this).datepicker("show");

            }
        });
 });
</script>

ajax页面中的Datepicker无法正常工作

1 个答案: