禁用日期选择器中 id =$id 的所有日期

Question

你好，我首先有这个表格： agregareserva.php：

    <form action="GUImostrarcalendario.php" method="post" name="a">
    <select  type="text" id="id_habitacion"  name="id_habitacion" />
    <option value"1">ID 1</option>
    <option value="2">ID 2</option></select>
    <input type="submit" name="a"  value="Ver"/>
    </form>

在 GUImostrarcalendario.php 我有：

<?php
    include "controlreservas/conexion.php";
    $id_habitacion=$_POST["id_habitacion"];
    $sql1="SELECT llegada,salida,id_reserva FROM reservas 
    where id_habitacion ='$id_habitacion'";
    $query = $con->query($sql1);
    ?>
    <?php if($query->num_rows>0):?>
    <?php while ($r=$query->fetch_array()):?>
    <?php

    $begin = new DateTime( $r["llegada"] );
    $end = new DateTime( $r["salida"] );
    $end = $end->modify( '+1 day' ); 
    $interval = new DateInterval('P1D');
    $daterange = new DatePeriod($begin, $interval ,$end);
    $dates_ar = [];
    foreach ($daterange as $date) {
        $dates_ar[] = $date->format("Y-m-d");
    }
    $disabled_dates = '"' . implode('", "', $dates_ar) .'"';
    ?>
    <script>
    $(function() {
    var disabledDays = [<?php echo $disabled_dates; ?>];
    var date = new Date();
    jQuery(document).ready(function() { 
        $( "#datepicker9").datepicker({ 
            dateFormat: 'Y-m-d',
            beforeShowDay: function(date) {
                var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
                for (i = 0; i < disabledDays.length; i++) {
                    if($.inArray(y + '-' + (m+1) + '-' + d,disabledDays) != -1) {
                        //return [false];
                        return [true, 'ui-state-active', ''];
                    }
                }
                return [true];

            }
        });
    });
    });

    </script>

    <?php endwhile;?>
    <?php else:?>
    <?php endif;?>
    <input type="text" id="datepicker9" name ="datepicker9"/>

当在输入选择中选择 id_habitacion (id room) 时，此代码用于在 datepicker 中显示预订（预订）中的所有日期。

此代码有效，但仅在日期选择器中显示数据库中的第一条记录，例如 id_habitacion= 1 的表：

我是这个 ID 的所有预订日期

我的代码导致日期选择器：

只显示一个预订日期

最后我需要日期选择器在我显示的表格中显示所有日期。

谢谢。

Answer 1

您的代码当前创建多个实例

`$( "#datepicker9").datepicker({`

每个日期范围一个。您需要将代码更改为仅执行一次 - 因此，在 while 循环之外

这也需要在 wile 循环之外定义 $date_ar

另外，您不必要地使用连续的 php 代码片段

代码应该是这样的

<?php
    include "controlreservas/conexion.php";
    $id_habitacion=$_POST["id_habitacion"];
    $sql1="SELECT llegada,salida,id_reserva FROM reservas where id_habitacion ='$id_habitacion'";
    $query = $con->query($sql1);
    $dates_ar = [];
    if($query->num_rows>0) {
        while ($r=$query->fetch_array()) {
            $begin = new DateTime( $r["llegada"] );
            $end = new DateTime( $r["salida"] );
            $end = $end->modify( '+1 day' ); 
            $interval = new DateInterval('P1D');
            $daterange = new DatePeriod($begin, $interval ,$end);
            foreach ($daterange as $date) {
                $dates_ar[] = $date->format("Y-m-d");
            }
        }
        ?>
        <script>
            $(function() {
                var disabledDays = <?php echo json_encode($date_arr)?>;
                var date = new Date();
                $( "#datepicker9").datepicker({ 
                    dateFormat: 'Y-m-d',
                    beforeShowDay: function(date) {
                        var m = date.getMonth() + 1, 
                            d = date.getDate(), 
                            y = date.getFullYear(),
                            strdate = [y,m,d].join('-');
                        if (disabledDays.indexOf(strdate) == -1) {
                            return [true, 'ui-state-active', ''];
                        }
                        return [false];
                    }
                });
            });
        </script>
        <?php
    }
?>
<input type="text" id="datepicker9" name ="datepicker9"/>

这包括@charlietfl 关于不使用 implode 而是使用

的精彩观点

var disabledDays = <?php echo json_encode($date_arr)?>;

改为

注意，我使用的是“C”编码风格

if() {
    while() {
    }
}

而不是您使用的替代样式

if():
    while():
    endwhile;
else:
endif;

另外，没有else 阻止，因为无论如何都无事可做