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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了完整日历eventElement.draggable不是函数使用`editable:true`选项时相关的知识,希望对你有一定的参考价值。

我目前遇到使用完整日历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)
                   }
            });
        });

以上是我正在使用的代码。任何人都可以看到我做错了导致这个错误吗?谢谢!!

答案

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

这是一个documentation的链接。

以上是关于完整日历eventElement.draggable不是函数使用`editable:true`选项时的主要内容,如果未能解决你的问题,请参考以下文章

完整日历周显示垂直视图

如何更改完整的日历视图

完整日历中的可点击日期

如何使用完整日历删除时间线日历上的时间

从 Blazor 中的剃须刀页面加载完整日历?

无法前往完整日历上的特定日期