javascript - fullCalendar 自定义事件函数抛出不是函数错误

Question

我使用以下函数输入日历:

$('#calendar').fullCalendar( {
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay' },
        editable: true,
        eventLimit: true,
        events: function(callback) {
            $.ajax({
                url: '/appointments.json',
                dataType: 'json',
                success: function(doc) {
                    var events = [];
                    $(doc).find('event').each(function() {
                        events.push({
                            title: $(this).attr('title'),
                            start: $(this).attr('start') // will be parsed
                        });
                    });
                    callback(events);
                }
            });

但我一直收到这个错误:

object is not a function //callback(events) line

在浏览器的js控制台上。知道可能是什么问题吗？

Answer 1

假设您正在使用 FullCalendar 2.*，如 documentation 中所述, events 的签名是

function( start, end, timezone, callback ) { }

名称为callback 的参数实际上是start，它是一个momentjs 对象。要解决您的问题，您必须将参数添加到您的函数中，因此您的代码将是:

events: function( start, end, timezone, callback ) {

只要您的事件(传递给回调)具有在documentation 中定义的正确格式和参数，这就会起作用。 .

编辑:

如果你想根据事件的 json 属性值设置每个事件的背景颜色，你应该使用 eventRender .检查这个jsfiddle每个事件的背景在事件渲染时设置。

如 jsfiddle 中所示，您可以根据 json 提供的值有条件地更改背景。