调用Ajax后jQuery datepicker不工作

Question

调用Ajax后jQuery datepicker不起作用

我正在使用 jQuery datepicker 从数据库（按日期）获取帖子。我试过这段代码 `

<script type="text/javascript"> 
     $(function() { $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val() }); 
     </script> 
     Date: <input type="text" id="datepicker" size="30"/>

` 它工作正常。

现在我这样调用 ajax，它不显示日历。也不工作。对吗？我需要你的帮助 `

$(function() {
     var currentTime = new Date();
     var day = currentTime.getDate();
     var month = currentTime.getMonth() + 1;
     var year = currentTime.getFullYear();

     if (day < 10){
     day = "0" + day;
     }

     if (month < 10){
     month = "0" + month;
     }

     var today_date = day + "/" + month + "/" + year;
     var dataString ='date='+today_date;

     $("#datepicker").datepicker({

     onSelect: function(dateTypeVar, instance) {
     var dateAsObject =   $("#datepicker").datepicker({dateFormat: "yy-mm-dd"}).val();
     var dataString ='date='+dateAsObject; 
     $.ajax
     ({
              type: "Post",
              url: "<?php echo home_url(); ?>/?datepost",
              data: dataString
              success: function(data)
              {
                  $('#testdiv').html(data);
              }
         });  

     }
     });

     });
     </script>

`

这是function.php中的Mysql查询
`

if(isset($_REQUEST['datepost']))
     {
     $date = $_POST['date'];
     $res=mysql_query("SELECT ID FROM  `wp_posts` WHERE DATE_FORMAT(post_date,  '%m/%d/%Y') =  '".$date."' AND post_type = 'post'  ORDER BY post_date DESC
LIMIT 0 , 1");
     $post_id=mysql_fetch_array($res);
     $pid = $post_id['ID'];
     exit();
     }`

Answer 1

你没有在ajax请求中data: dataString这行之后添加逗号，这可能会破坏你的js代码。

尝试添加逗号。

$.ajax ({
    type: "Post",
    url: "<?php echo home_url(); ?>/?datepost",
    data: dataString,
    success: function(data) {
        $('#testdiv').html(data);
    }
});