从Jquery日历中选择日期并使用DB检查并打印它

时间:2014-11-04 09:11:55

标签: javascript php jquery ajax

我有一个日历并将所选日期存储在变量" x"中,我想通过该日期并检查数据库并显示该日期的事件..

    enter code here<div id="calendar"></div>
Date:<input type="text" id="datepicker_send" name="datepicker_send" readonly="readonly"   >                 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script src="/jquery-ui-datepicker.min.js"></script>

    <script>  var x='';
    $('#calendar').datepicker({

    altField: '#datepicker_send',

        inline: true,

        firstDay: 1,

        showOtherMonths: true,

        altFormat: "yyyy/mm/dd",

        dateFormat: "yyyy/mm/dd",

        dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],

         onSelect: function(dateText){
         $('#event-date').text(dateText)
          x=dateText;          
         // alert(x);
         $.ajax({ type: "POST", 
         url: 'check_events.php', 
         data: {dateText: x }, 
         success: function(data)
         { (" I want to get the result and store in an some ID so that i can display the results with <span><id></span>); }
              } );
        }
        }
    </script>

check_events.php: -

    enter code here<?php mysql_connect("localhost", "root", "") or die(mysql_error());

mysql_select_db("users") or die(mysql_error());

if(isset($_POST['dateText']))

{

$x = $_POST['dateText'];

$sql_check = mysql_query("SELECT *FROM events WHERE date='$x'");

while($res=mysql_fetch_assoc($sql_check))

{

print_r($res);

}

}
?>

请帮助需要...谢谢

1 个答案:

答案 0 :(得分:0)

您正在尝试以错误的格式输入日期mysql。所以你需要将日期转换为支持格式。

mysql_select_db("users") or die(mysql_error());

if(isset($_POST['dateText']))

{

$x = date_format($_POST['dateText'],'Y-m-d'); // convert date into mysql format

$sql_check = mysql_query("SELECT *FROM events WHERE date='$x'");

while($res=mysql_fetch_assoc($sql_check))

{

print_r($res);

}

}
?>

//在脚本中,您在ajax代码中错过了"

<script>  
var x='';
$('#calendar').datepicker({

altField: '#datepicker_send',

    inline: true,

    firstDay: 1,

    showOtherMonths: true,

    altFormat: "yyyy/mm/dd",

    dateFormat: "yyyy/mm/dd",

    dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],

     onSelect: function(dateText){
     $('#event-date').text(dateText)
      x=dateText;          
     // alert(x);
     $.ajax({ type: "POST", 
     url: 'check_events.php', 
     data: {dateText: x }, 
     success: function(data)
     { (" I want to get the result and store in an some ID so that i can display the results with <span><id></span>"); } // here you miss the quotes
          } );
    }
    }
</script>