在php中使用jquery禁用输入框中的特定日期不起作用

Question

我有一个 php 网站，有一个用户可以提交的表单，如果数据库中已经存在一些日期，我想禁用它们，所以我做了如下操作：

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

<input id="niy" name="idate" value=""/>

 <?php
    $queryusersz = "SELECT * FROM invoice";
    $dbz = mysqli_query($con, $queryusersz);
    while($row = mysqli_fetch_array($dbz)) {
   $names[] = $row['idate'];      
    ?>
    
    <script>
    var array = <?php $names ?>;

$('#niy').datepicker({
    language:'TR',
    beforeShowDay: function(date){
        var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
        return [ array.indexOf(string) == -1 ]
    }
});
    </script>
  <?php }?>

但是输入框不显示日期，我也没有在控制台中收到任何错误，谁能帮我解决这个问题，在此先感谢。

Answer 1

对于 jQuery DatePicker，您需要添加 jQuery UI JS 和 CSS。

您需要遵循两件事：

1. 不能直接在JS中写var array = <?php $names ?>;会报错，需要做JSON编码或者加引号。

例如：var array = <?php echo json_encode($names); ?> 或 var array = '<?php echo implode(",",$names); ?>'

1. 您在代码中遗漏的另一件事是您没有为您在 JS 中使用的 PHP 变量添加 echo。

例如：现在你的代码是var array = <?php $names ?>;，它没有回显，所以$name的值在你回显之前不会存储在JS变量中。

更多参考代码如下：

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/jquery-ui.css" rel="stylesheet">

    <input id="niy" name="idate" value=""/>

    <?php
        $queryusersz = "SELECT * FROM invoice";
        $dbz = mysqli_query($con, $queryusersz);
    while ($row = mysqli_fetch_array($dbz)) {
        $names[] = $row['idate'];      
        ?>
        
        <script>
        var array = '<?php echo implode(",",$names) ?>';

            $('#niy').datepicker({
                language:'TR',
                beforeShowDay: function(date){
                    var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
                    return [ array.indexOf(string) == -1 ]
                }
            });
        </script>
    <?php }?>