Javascript 希望从数据库中获取用户信息，并希望在日历上显示

我从这里得到了php代码，我得到了一个用户预订的完整房间日期，如12-15。
17-18，对于第二个用户20-21，我在日历上标记了这些日期

现在我想在鼠标悬停时显示用户信息：

<?php 

    include 'dbconfig.php';


    $query_getaway = "SELECT * FROM getaway_table; ";
    $result_getaway = $db->query($query_getaway);
     $category = mysqli_real_escape_string($db, filter_input(INPUT_POST, 'category'))  .'<br>'; 
     $resort = mysqli_real_escape_string($db, filter_input(INPUT_POST, 'resorts'))  .'<br>'; 

    if( $category != 0 ){

    $query = "SELECT * FROM booking_request where room_id = '$resort' '<br>' ";
    $result = $db->query($query);
            if( $result -> num_rows > 0 ) {




                while( $row = $result-> fetch_assoc() )
                {
              $name = $row['getaway_name']." <br>";
               $start = $row['check_in_date']." <br>";
                $end = $row['check_out_date']." <br>";
                $guest_n[]= $row['guest_name'];
                $guest_number[]= $row['guest_phone'];


                $arr1 = range(strtotime($row['check_in_date']),strtotime($row['check_out_date']), "86400");


                array_walk_recursive($arr1, function(&$element) { $element = date("j-n-Y", $element); });

              foreach ($arr1  as $value)

              {
                  $arr2[]= $value;
              }
           $arrt= (array_merge($guest_n, $guest_number));
           //print_r($arrt);
           foreach($arrt as $val)
           {
               echo $arr_val[]=$val;
           }

    $arr[]= $value;

    }
    }
    else { echo "select" ;}

?>

然后在js第一部分中显示了不可用日期，机器人悬停时我无法显示用户完整信息：

<script type="text/javascript">
    // Add New Dates and Block Out Booked Days Below 
    /*var unavailableDates1 = ["20-5-2016", "21-5-2016", "22-5-2016", "23-5-2016", "5-6-2016", "7-6-2016", "8-6-2016",
                          "15-6-2016", "16-6-2016", "25-6-2016", "26-6-2016", "27-6-2016", "28-6-2016", "14-2-2016",
                          "15-7-2016", "16-7-2016", "17-7-2016", "18-7-2016", "19-7-2016","20-7-2016","21-7-2016",
                          ];   */
    var unavailableDates = <?php echo json_encode($arr2); ?>;


    document.write(unavailableDates);

    function unavailable(date) {

        dmy = date.getDate() + "-" + (date.getMonth() + 1 ) + "-" + date.getFullYear();

        if($.inArray(dmy, unavailableDates) == -1) {

            return [true, ""];

        }else {

this line is showing unavlaible on hover, i want from database user info            
            return [false, "","unavalible"];

                    <?php echo $val; ?>
        }
    }
    $(function() {
        $("#Datepicker1").datepicker({
            numberOfMonths:3,
            beforeShowDay: unavailable
        }); 
    });

</script>

//在下面添加新日期并排除预订的天数
/*var不可用日期1=[“20-5-2016”，“21-5-2016”，“22-5-2016”，“23-5-2016”，“5-6-2016”，“7-6-2016”，“8-6-2016”，
"15-6-2016", "16-6-2016", "25-6-2016", "26-6-2016", "27-6-2016", "28-6-2016", "14-2-2016",
"15-7-2016", "16-7-2016", "17-7-2016", "18-7-2016", "19-7-2016","20-7-2016","21-7-2016",
];   */
var不可用日期=；
文件。书写（不可用日期）；
功能不可用（日期）{
dmy=date.getDate（）+“-”+（date.getMonth（）+1）+“-”+date.getFullYear（）；
如果（$.inArray（dmy，不可用日期）=-1）{
返回[真，“]；
}否则{
这行显示悬停时不可用，我想从数据库用户信息
返回[假，“，”不可用“]；
}
}
$（函数（）{
$（“#日期选择器1”）。日期选择器({
月数：3，
展会日前：不可用
}); 
});

您是如何实现漂亮的鼠标悬停效果的？你犯了什么错误？我对js没有太多的知识，我无法在数据库中获取两个用户的差异信息，并且在日历上它向差异用户显示差异信息，当我这样做时，它只显示每个日期的最后一个条目。。