Undefined不是Fullcalendar js上的函数

Question

需要fullcalendar.js的帮助。当我在web检查器上看到一个错误"未定义不是函数"。但我认为代码很好。你可以检查一下这把小提琴https://jsfiddle.net/3kq85hx0/详细信息。

$(document).ready(function() {
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    var calendar = $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'resourceDay,resourceWeek,resourceNextWeeks,resourceMonth'
        },
        defaultView: 'resourceWeek',
        firstDay: 1,    
        editable: true,
        selectable: true,
        minTime: 8,
        snapMinutes:10,
        weekNumbers: false,
        weekNumberTitle: 'Viikko ',
        refetchResources: true,
        maxTime:16,
        selectHelper: true,
        resources: 'json-resources.php',
        events: [       
            {
                title: 'Meeting from this day to this +4',
                start: new Date(y, m, d, 10, 30),
                end: new Date(y, m, d+4, 11, 00),
                resource: 'resource1'
            },  
            {
                title: 'Meeting last week',
                start: new Date(y, m, d-7, 10, 30),
                end: new Date(y, m, d-7, 12, 15),
                resource: 'resource1'
            },  
            {
                title: 'meeting tomorrow',
                start: new Date(y, m, d+1, 10, 30),
                end: new Date(y, m, d+1, 12, 00),
                resource: 'resource1'
            }   
        ],
        select: function(start, end, allDay, jsEvent, view, resource) {
            var title = prompt('event title:');
            if (title) {
                calendar.fullCalendar('renderEvent',
                    {
                        title: title,
                        start: start,
                        end: end,
                        allDay: allDay,
                        resource: resource.id
                    },
                    true // make the event "stick"
                );
            }
            calendar.fullCalendar('unselect');
        },
        resourceRender: function(resource, element, view) {
            // this is triggered when the resource is rendered, just like eventRender
        },
        eventDrop: function( event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view ) { 
            alert('event moved to '+event.start+' to '+event.resource);
        },
        eventResize: function( event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view ) { 
            alert('event was resized, new endtime: '+event.end);
        },
        eventClick: function ( event, jsEvent, view )  {
            alert('event '+event.title+' was left clicked');
        }
    });
});

谢谢。

Answer 1

"未定义不是函数"来自自定义fullcalendar脚本。特别是在6373:eventElement.draggable({行。

这是因为未定义draggable。draggable是jqueryui的一部分，所以我删除了jqueryui脚本，并从谷歌的cdn中添加了一个。

小提琴现在工作正常了。

此外，正如评论中所讨论的，您使用的是旧版本的fullcalendar。这个特殊的自定义构建有很多问题。

首先，我不知道你的计划有多长，但Adam Shaw目前正在对完整日历进行官方时间表更新。你可能需要注意这个。

在那之前，这个叉子大多是最新的。你可以在这里阅读。我不知道它是否满足你的需求，但你可能想看看。