使用jquery fullcalendar

Question

我正在使用jquery fullcalendar插件。我可以点击按钮显示动态日期。我现在的问题是从db中加载日期时所有日期只填充一天。

以下是调用Web服务的代码：

$('#calendar').fullCalendar({
    header: {
        left: 'prev, next today',
        center: 'title',
        right: 'month, agendaWeek, agendaDay'
    },
    defaultView: 'month',
    editable: true,
    allDaySlot: false,
    selectable: true,
    slotMinutes: 15,    
    events: 'DAL/WebService1.asmx/GetEvents',
    allDay:false
});

以下是该网络方法的日期

Answer 1

$('#calendar').fullcalendar('renderEvent',event_object,'stick')

这会将您的活动附加到日历上的日期。 event_object只需要标题和开始日期才有效，但我建议添加一个id以使编辑/删除更容易。

Render event documentation

Answer 2

在此处了解如何使用此代码分别渲染日历。希望将来帮助某人

                var events = [];
            $('#calendar').fullCalendar({
                events: function (start, end, timezone,callback) {
                    $.ajax({
                        url: 'DAL/WebService1.asmx/GetEvents',
                        dataType: 'json',
                        success: function (data) {
                            console.log(data);
                            var events = [];
                            $(data).each(function (index, d) {
                                events.push({
                                    title: d.title,
                                    start: d.startDate
                                });
                            });
                            callback(events);
                        }
                    });
                }
            });