Question

我有代码显示表，mysql查询从数据库中获取数据。其中一列是日期。我想使用jquery datepicker对表进行排序。我已经包含了正确的文件并在我的网站上显示日历，但如何将其连接到我的桌面以便我可以对数据进行排序？

 <form name="myForm" action="/page.php" onsubmit="return validateForm()" method="get">
    <input type="text" id="from" name="fromDate" value=""/>
    <input type="text" id="to" name="toDate" value=""/>
    <input type="submit" name="Find Dates" value="Submit" />
    </form>
    <script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#from').datepicker({
      defaultDate: "+1w",
        onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
      }
    });
        jQuery('#to').datepicker({
             defaultDate: "+1w",
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
});

</script>
<?php
  $values = $wpdb->get_results($wpdb->prepare( "SELECT DISTINCT DATE FROM `signup` ORDER BY DATE ASC"));
 ?> 
 <table>
  <tr>
  <th>Date</th><th>B</th><th>D</th>
</tr>
<tr>
<?php 
foreach($values as $v_date){
$date = $v_date->DATE; 

  $count = $wpdb->get_results($wpdb->prepare(
    " SELECT DISTINCT `date`,
    (select count FROM signup where LIST_NAME = 'B' AND date = '$date') as 'B',
    (select count FROM signup where LIST_NAME = '2 - D' AND date = '$date' ) as 'D', FROM wp_email_signup WHERE date ='$date'"));

echo '<tr class="row_main">';
        echo '<td>' . $date . '</td>';

foreach($count as $counts){
  $val1 =  $counts->B;
  $val2 = $counts->D;

        echo '<td>' . $val1 . '</td>'; 
        echo '<td>' . $val2 . '</td>';
 echo '</tr>';
}
 ?>   
 </tr>
</table>

Answer 1

你可以从datepicker获得这样的价值：

        <script>
         jQuery('#from').click(function(){
    //this is the value of datepicker
    var datepickerVal = $(this).val();
    //here you you have to pass this value to php
    window.document.location = '?from =' + datepickerVal;    
    })     
        </script>

在页面重新加载之后，你可以从$ _GET数组中获取php中的这个值，并根据需要使用它

Answer 2

您可以使用 AJAX 在jQuery中调用另一个PHP文件。在该PHP文件中，您可以向数据库查询任何内容，并以JSON语法回显结果。这样，您可以从Javascript中解析它并在datepicker上显示它：）

参考文献：

jQuery AJAX：http://api.jquery.com/jquery.ajax/
将PHP数组编码为JSON：http://php.net/manual/es/function.json-encode.php

Answer 3

哇，放轻松。您不应将所有代码混合到一个文件中。您应该尽可能地分离数据库代码，php代码，javascript和css代码。您应该拥有一个代码，该代码使用必要的参数运行搜索并检索数据。您应该在更改日期值时使用ajax发布参数。在这里，您可以看到使用ajax发布的示例。

如何将jquery datepicker连接到数据表？

3 个答案: