jQuery UI Calendar，使用PHP从数据库中提取数据

Question

我想从数据库（我使用Laravel作为框架）中提取数据，其中包含选择的日期，然后在前端日历上向用户显示这些日期不可用并阻止它们以便它们可以＆ ＃39; t选择它们。

我的数据库结构是：

我有来自jQueryUI网站的标准代码：

<link rel="stylesheet" href="/css/redmond/jquery-ui-1.10.4.custom.css">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
    $(function() {
        $( "#from" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 2,
            onClose: function( selectedDate ) {
                $( "#to" ).datepicker( "option", "minDate", selectedDate );
            }
        });
        $( "#to" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 2,
            onClose: function( selectedDate ) {
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );
            }
        });
    });
</script>

那么如何将我的数据导入日历以仅显示可用日期。我试图制作一个简单的预订日历。

先谢谢。

Answer 1

• 查询数据库并获取日期数组：

  

var dates = [“2013-03-14”，“2013-03-15”，“2013-03-16”]

• 停用日期

使用beforeShowDay，如下所示：

beforeShowDay: function(date) {
    var d = $.datepicker.formatDate('yy-mm-dd', date);
    return [ dates.indexOf(d) == -1 ]
}