使用“ editable:true”选项时,完整日历eventElement.draggable不是函数

时间:2019-02-25 23:18:42

标签: javascript jquery backbone.js fullcalendar

我目前在使用完整日历editable: true或任何可编辑选项时遇到了问题。我目前正在运行jquery 3.3.1,似乎每当我将鼠标悬停在事件对象上时,它就会给我eventElement.draggable is not a function错误。

define([
'jquery',
'underscore',
'backbone',
'libs/fullcalendar/fullcalendar']),
], function($, _, Backbone){ 

这是我上面的定义

    $(function(){
            $('#ticketCal', this.el).fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay',
                    ignoreTimezone: false
                },
                eventLimit: true,
                selectable: true,
                eventStartEditable: true,
                events: [
                    {
                      title  : 'event1',
                      start  : '2019-02-06',
                      end    : '2019-02-09'
                    },
                    {
                      title  : 'event2',
                      start  : '2019-02-05',
                      end    : '2019-02-06'
                    },
                    {
                        title  : 'event3',
                        start  : '2019-02-09T12:30:00',
                        allDay : false
                      }
                  ],
                dayClick: function(date, jsEvent, view) {
                    console.log('Clicked on: ' + date.toLocaleDateString("en-US"));
                  }, 
                  eventClick: function( event, jsEvent, view ) {
                      console.log("event click",event)
                   }
            });
        });

上面是我正在使用的代码。有人可以看到我做错了什么导致此错误吗?谢谢!

1 个答案:

答案 0 :(得分:2)

draggable是一种jQuery-UI方法,因此您需要添加对jQuery-UI的引用。

这里是指向documentation的链接。