fullcalendar.io使用PHP / MySQL渲染事件？

Question

我正在嘗試通過PHP的“ while”命令將此日歷實施到我的網站中。 我不知道JSON或AJAX，所以不確定這是否是我的選擇。 我現在有此代碼，但它為每個事件提供一個日歷，而不是其中包含所有事件的1個日歷。 我知道為什么，因為我要循環整個日歷代碼，但是有沒有辦法循環事件呢？

<div class="widget">
    <div class="navbar">
        <div class="navbar-inner"><h6>Calendar</h6></div>
    </div>
    <div id="calendar" class="well"></div>
</div>

<?
    $query = "SELECT * FROM tevents";        
    $result = mysql_query($query) or die(mysql_error());
    // Print out result
    while($row = mysql_fetch_array($result)){
        $calname = $row['Event_Title'];
        $caldate = $row['Start_Date'];
        $calnotes = $row['Event_Details'];
        $caltime = $row['Event_Time'];
?>      

<script>
//===== Calendar =====//    
$('#calendar').fullCalendar({
    header: {
        left: 'prev,next',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: false,
    events: [
        {
            title: '<?=$calname?>',
            start: '<?=$caldate?>'
        },
    ]
);
</script>

Answer 1

為事件創建一個json。

$events = [];
while($row = mysql_fetch_array($result)){
   $events[] = ['title' => $row['Event_Title'], 'start' => $row['Start_Date']];
}

然后，使用$events創建日歷

$('#calendar').fullCalendar({
                    header: {
                        left: 'prev,next',
                        center: 'title',
                        right: 'month,agendaWeek,agendaDay'
                    },
                    editable: false,
                    events: <?= json_encode($events) ?>
                });