调用Ajax后jQuery datepicker无法正常工作

时间:2014-08-25 09:33:20

标签: jquery ajax datepicker

调用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();
     }`

1 个答案:

答案 0 :(得分:0)

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

尝试添加逗号。

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