如何在没有代码 "editable = true" 的情况下调整完整日历中的事件大小

Question

我需要在没有代码 editable=true 的情况下手动调整 fullcalendar 中的事件大小，因为我在事件中添加了一个下拉菜单并且要点击它，我想阻止可编辑的属性(editable=false)。现在下拉菜单正在工作，但调整大小属性消失了。即使我尝试了属性可调整大小（resizable=true）。我怎样才能把这两个代码都带上？

示例代码

$('#calendar').fullCalendar({
theme: true,
header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay,agendaFourDay'
},
    views: {
        agendaFourDay: {
            type: 'agenda',
            duration: { days: 4 },
            buttonText: '4 day'
        },
    },

    defaultView: viewDefault,
    //minTime: '07:00:00',
    //maxTime: '21:00:00',
    allDaySlot: false,
    eventClick: updateEvent,
    selectable: true,
    selectHelper: true,
    select: selectDate,
    editable: false,
    resizable: true,
    events: "JsonResponse.ashx?eids=" + eIds + "&searchText=" + searchText,
    //events: {
    //    url: 'JsonResponse.ashx',

    //    type: 'POST',
    //    data: {
    //        eIds: $('#hdnCustomerIds').val()
    //    },
    //    error: function () {
    //        alert('there was an error while fetching events!');
    //    }
    //},
    defaultDate: dateDefault,
    eventDrop: eventDropped,
    eventResize: eventResized,
    eventRender: function (event, element, view) {
        debugger;
        // event.stopPropagation();
        $(element).find('.fc-title').prepend('<a href="javascript:void(0);" class="delete-event-link" style="color:#fff">' + event.customerid + ',</a>');


        $(element).find('.fc-title').html('<select class="dropdown" style="color:black";" onchange="OnchangeEventStatus(this,'+event.id+')"><option >Volvo</option><option value="saab">Saab</option><option value="opel">Opel</option><option value="audi">Audi</option></select>');


        $(element).find('.dropdown').click(function (e) {
            e.stopImmediatePropagation(); //stop click event, add deleted click for anchor link
        });

        $(element).find('.delete-event-link').click(function (e) {
            e.stopImmediatePropagation(); //stop click event, add deleted click for anchor link
            window.top.location.href = "/Sr_App/Customer_Profile.aspx?CustomerId=" + event.customerid;
        });

        //$(element).find('.fc-title').prepend('<a href="javascript:void(0);" class="delete-event-link" style="color:#fff">' + event.customerid + ',</a>');
        element.qtip({
            content: {
                text: qTipText(event.start, event.end, event.description),
                title: '<strong>' + event.title + '</strong>'
            },
            position: {
                my: 'bottom left',
                at: 'top right'
            },
            style: { classes: 'qtip-shadow qtip-rounded' }
        });
    }

});

Answer 1

我得到了解决方案，只需为 fullCalendar

添加属性 editable: false

$('#calendar').fullCalendar({
    selectable: true,
    editable: false,
    events: "JsonResponse.ashx?eids=" + eIds + "&searchText=" + searchText,
    ......
    ....
});

如何在没有代码 "editable = true" 的情况下调整完整日历中的事件大小

How to resize an event in full calendar without the code "editable = true"

javascript

events

resize

fullcalendar

示例代码