JQueryUI全尺寸日历-从PHP获取JSON数据

JQuery UI Full Size Calender - Get JSON Data from PHP

本文关键字:获取 JSON 数据 PHP 全尺寸 日历 JQueryUI      更新时间:2024-02-11

我使用的是JQuery UI全尺寸日历(主要用于事件管理)。

我有一个PHP文件,在其中我准备了一个JSON。

看看JSON文件(JSON-events.php):

echo json_encode(array(
    array(
        'id' => 111,
        'title' => "Event1",
        'start' => "2013-12-12",
        'url' => "http://yahoo.com/"
    ),
    array(
        'id' => 222,
        'title' => "Event2",
        'start' => "2013-12-16",
        'end' => "2013-12-19",
        'url' => "http://yahoo.com/"
    )
));

现在我想在我的事件日历上使用这些数据。这是代码:

$(document).ready(function() {
        $('#calendar').fullCalendar({
            editable: true,
            events: "json-events.php",
            eventDrop: function(event, delta) {
                alert(event.title + ' was moved ' + delta + ' days'n' +
                    '(should probably update your database)');
            },
            loading: function(bool) {
                if (bool) $('#loading').show();
                else $('#loading').hide();
            }
        });
    });

不知怎么的,它没有显示事件。整个日历都空了。没有控制台错误。

您可以使用以下内容从其他页面获取值:

$.getJSON( json-events.php,  function( data ) {
alert(data.id);
alert(data.title);
});