Jquery datepicker with Ajax is not working - php

Question

In my website there are many categories. Each category page have their posts. Here I used jQuery datepicker, if user want to see Aug 20th posts, they click particular date on calender & see the date posts. One more thing, if I open one category the posts of today should be displayed only. Please check this code and help me. This code displays all posts of category & datepicker is not retrieving anything.
This is mysql query in function.php
if(isset($_REQUEST['datepost']))
{
$date = $_POST['date'];
$res=mysql_query("SELECT * FROM `wp_posts` WHERE DATE_FORMAT(post_date, '%m/%d/%Y' ) = '%m/%d/%Y' AND post_type = 'post' ORDER BY post_date DESC");
$pageposts=mysql_fetch_array($res);
exit();
}
?>
This is my script & PHP code:
<script type="text/javascript">
$(function() {
<!--current date posts-->
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;
$.ajax ({
type: "POST",
url: "<?php echo home_url(); ?>/?datepost",
data: dataString,
success: function(data) {
$('#testdiv').html(data);
}
}); <!--End current date posts-->
<!--select date posts-->
$("#datepicker").datepicker ({
onSelect: function(dateTypeVar, inst) {
var dateAsObject = $(this).val();
var dataString ='date='+dateAsObject;
$.ajax ({
type: "POST",
url: "<?php echo home_url(); ?>/?datepost",
data: dataString,
success: function(data) {
$('#testdiv').html(data);
}
}); <!--End select date posts-->
}
});
});
</script>
PHP coding:
Date: <input type="text" id="datepicker" size="30"/>
<?php while (have_posts()) :the_post();
?>
<div id="testdiv">
<div class="featuredpost">
<div class="cat-block">
<?php the_post_thumbnail( 'homepage-catpage' ) ?>
<h2 class="posttitle"> <a href="<?php echo the_permalink();?>" rel="bookmark" title="" ><?php echo $key_1_values = get_post_meta($postid, '_visual-subtitle', true ); ?></a>
</h2>
<p> <?php $content = get_the_excerpt();
$contentrecord=htmlspecialchars_decode(strip_tags(stripslashes($content)));
echo substr($contentrecord, 0, 350); ?></p>
<p class="postmeta"><span class="meta_date"><?php the_time('Y/m/d g:i:s A'); ?>
<input id="name" type="hidden" value="<?php echo $postid; ?>" name="post__id">
<p>
</span><span class="meta_permalink">التفاصيل </span> </p>
</div>
</div>
</div>
<?php endwhile;
wp_reset_query();?>
</div>

Answer 1

<?php if(isset($_REQUEST['datepost']))
{
$date = date('m/d/Y',strtotime($_POST['date']));
$res=mysql_query("SELECT * FROM `wp_posts` WHERE DATE_FORMAT(post_date, '%m/%d/%Y' ) = $date AND post_type = 'post' ORDER BY post_date DESC");
$pageposts=mysql_fetch_array($res);
exit();
}
?>
Provide actual value for post_date column like DATE_FORMAT(post_date, '%m/%d/%Y' ) = $date