如何使用从数据库(phpmyadmin)检索的数据在fullCalendar上动态添加事件?

时间:2014-06-26 09:15:20

标签: fullcalendar

我很感激我收到的任何帮助。如果我的错误很明显,我也会道歉。我的问题是我似乎无法找到如何显示我的数组的所有元素以填充我的事件的想法。如你所见,我是静态地做了这个。我希望找到一种方法来使用for循环动态填充事件。

$(document).ready(function() {
    generateEvents();
});

function generateEvents()
{
        // these are the data that i retrieved from database (phpmyadmin)
        var primaryAssets = <?php echo json_encode($primaryAsset_Array); ?>;
        var releaseDates = <?php echo json_encode($releaseDate_Array); ?>;


        var events = [];
        for(var i = 0;i < count;i++)
        {       
            $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
          //defaultDate: '2014-06-12',
            editable: true,
            weekMode: 'liquid',
            weekends: true,

            events: [
                {
                    title: primaryAssets[0],
                    start:  releaseDates[0]
                },
                {
                    title: primaryAssets[1], 
                    start:  releaseDates[1]
                // i wish to do this dynamically...
                },

            ],

            loading: function(bool) {
                $('#loading').toggle(bool);
            }

        });
    }
}

2 个答案:

答案 0 :(得分:2)

在fullCalendar功能选项中,您可以添加:

eventSources: {
    url : 'YOUR_PHP_URL'
}

它将为YOUR_PHP_URL创建一个ajax请求。然后,在您的Php脚本中,您必须以json格式发送数据。

您在http://arshaw.com/fullcalendar/docs/google_calendar/

中有一个示例

答案 1 :(得分:0)

如果您不习惯使用“eventSources”,请尝试以下操作:

  1. 完成完整日历中的演示。

  2. 使用'json.html'示例。

  3. 在调用日历脚本之前使用php修改“events.json”文件。