Javascript 从datepicker获取值并分配给php

我有一个预约表格，其中有1个输入和2个选择： 第一：使用jQuery输入，可以选择日期。 第二：选择与美发无关的列表。 第三：使用基于日期的可用时间列表进行选择

我在数据库中根据日期随时可用，因此我的目标是：

当用户选择日期时，“我的查询”将使用可用时间列表填充第三个“选择”，因此我的查询需要他选择的日期。 如何获取所选日期的值并在php中用于查询

HTML/视图：

<h1>Book Reservation</h1>
                <b><p>Select Date:</p></b>
                <input id="datepicker" name="date" width="270" style = "display: block; float: center;" disabled required>

    <script>
        $('#datepicker').datepicker({
            uiLibrary: 'bootstrap'
        });
    </script>

    <?php include "../../Models/appointment/hdquery.php"?>
    <b><p style = "margin-top: 10px; ">Select Hair Dressing :</p></b>
    <select  class="select-css" name = "hairdressing">
     <?php include "../../Models/appointment/populatelisthd.php"?>
     </select>
     <b><p style = "margin-top: 10px;">Select Time:</p></b>
     <?php include "../../Models/appointment/timesquery.php"?>
     <select  class="select-css" name = "times"><
     <?php include "../../Models/appointment/populatelisttimes.php"?>
     </select><p style="margin-top: 10px;">

     <input type="submit" value = "Confirm">

包含中的hdquery和populatelisthd与我的问题无关，因此我不会显示它们

时间查询：

<?php
$mysqli = NEW MySQLi('localhost','root','','cappeli');
$result = $mysqli->query("SELECT t.`hour` FROM `times` t LEFT JOIN ( SELECT `time` FROM `reservations` WHERE `date` = '$date' GROUP BY `time` HAVING COUNT(*) > 2) r on r.time = t.`hour` WHERE r.time IS NULL ");
?>

如果您注意到查询中有一个WHERE date=$date 我想从datepicker的输入字段中获取这个日期，每次更改时，我都需要查询来更新时间。我该怎么做？PS：我得到了另一个php文件来填充它，但是我需要timesquery的结果来填充select

您需要在用户每次选择日期时进行一次查询。为此，您可以使用datepicker库的

首先，让我们去掉timesquery.php和populatelisttimes.php文件：

选择美发：

选择时间：

现在让我们听一下jQuery中的日期选择： $'datepicker'.datepicker{ onSelect：功能日期{ $.ajax{ 类型:POST,， url:'timesquery.php'， 数据：{ “日期”：日期， }, }.donefunction数据{ $'select[name=times]'； }.失效函数{ 警报“发生错误。” }; } }; 最近，让我们打印timesquery.php文件中的选项HTML，我相信您的populatelisttimes.php文件负责打印选项，因此我将只包括它： $date=$_POST['date']；//querySELECT t.`hour`FROM`times`t LEFT JOIN SELECT`time`FROM`reservations`WHERE`date`='$date`按`time`分组，r.time=t.`hour`上的COUNT*>2r，其中r.time为空； 包括“目录”/php'； 每次用户选择日期时，您都需要创建一个。为此，您可以使用datepicker库的

首先，让我们去掉timesquery.php和populatelisttimes.php文件：

选择美发：

选择时间：

现在让我们听一下jQuery中的日期选择： $'datepicker'.datepicker{ onSelect：功能日期{ $.ajax{ 类型:POST,， url:'timesquery.php'， 数据：{ “日期”：日期， }, }.donefunction数据{ $'select[name=times]'； }.失效函数{ 警报“发生错误。” }; } }; 最近，让我们打印timesquery.php文件中的选项HTML，我相信您的populatelisttimes.php文件负责打印选项，因此我将只包括它： $date=$_POST['date']；//querySELECT t.`hour`FROM`times`t LEFT JOIN SELECT`time`FROM`reservations`WHERE`date`='$date`按`time`分组，r.time=t.`hour`上的COUNT*>2r，其中r.time为空； 包括“目录”/php'；