从数据库中填充完整的Calender JavaScript中的事件

Question

我正在使用codeigniter在PHP中进行预订系统。现在，我想根据我从数据库中获取的值填充事件。

我的代码：

<script src='<?php echo base_url();?>assets/fullcalendar/fullcalendar.min.js'></script>
<?php
    $var=0;
    foreach($query->result() as $row) {
        $var++;
        $booking_date = $row->booking_date;
        $booking_start_time = $row->booking_start_time;
     }
?>
<script>
$(document).ready(function() {
    // page is now ready, initialize the calendar...
    var booking_date = '<?php echo $booking_date; ?>';
    var booking_start_time = '<?php echo $booking_start_time; ?>';
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        events: [{
            title: 'House Cleaning',
            start: booking_date + 'T' + booking_start_time,
            allDay: false
        }]
    });
});
</script>

使用上面的我能够在完整的校准器上获得填充的最后一个记录。我想填充从数据库获取的每个记录到完整的CARENDER js。我该怎么做。

事先感谢，如果我含糊不清，则表示歉意，但我随时准备根据问题进一步解释。

谢谢，

Answer 1

在您的php中构建一个数组，并将其格式化为javaScript中的json。将格式的JSON传递到这样的活动属性：

events: buildRecordsToJson(calendar_records)

function buildRecordsToJson(calendar_records){
    var employees = [];
    for(var record in calendar_records) {
        var item = calendar_records[record];
        employees.push({ 
            "title"  : "Case # " + item.case_number,
            "record" : item.id,
            "start"  : item.case_due_date 
        });
    }
    return employees;
}

编辑：

假设这是您的结果

$result=mysqli_query($con,$sql);

迭代数据库的结果集并将其推到主数组。

$list = array();
while ($row = mysqli_fetch_row($result))
{ 
    $entry = array();
    $entry["booking_date"] = $row["booking_date"];
    $entry["booking_start_time"] = $row["booking_start_time"];
    array_push($list,$entry);
}
mysqli_free_result($result);

返回$列表数组中的JavaScript，并在将其格式化为JSON后将其馈送到您的日历事件（可能不是必需的）。