使用 jquery fullcalendar 从数据库显示日期

Question

我正在使用 jquery 全日历插件。我可以在单击按钮时显示动态日期。我现在遇到的问题是，从数据库加载日期时，所有日期都只填充了一天。

以下是调用网络服务的代码：

$('#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 以使 editing/deleting 更容易。

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);
                        }
                    });
                }
            });

使用 jquery fullcalendar 从数据库显示日期

Display date from database using jquery fullcalendar

javascript

jquery

fullcalendar