Разделение объекта div (fc-event) для события с несколькими днями

Question

Разделение объекта div (fc-event) для события с несколькими днями

0

Перемещение внешнего внешнего события с помощью jquery fullcalendar.

Я хотел бы знать, когда пользователь расширяет событие до нескольких дат, используя перетаскивание панели управления, если есть какие-либо возможности для создания нескольких object(fc-event) div object(fc-event)?

Теперь, показывая только один div (fc-event) для всех выбранных дней, для каждого дня необходимо разделить div s (fc-event).

Jaison 02 май 2014, в 11:11

Источник

1

Таким образом, при перетаскивании вы хотите создать отдельные события вместо расширения перетаскиваемого?
Irvin Dominin 02 май 2014, в 09:18
0

@ Ирвин Да, ты прав.
Jaison 02 май 2014, в 09:24
0

Вы можете, например, использовать eventResize, чтобы разделить событие после остановки изменения размера. Но, пожалуйста, попробуйте сначала написать что-нибудь самостоятельно, а затем напишите здесь код, с которым у вас проблемы
paulitto 02 май 2014, в 09:35
0

Я попробую использовать eventResize, очень признателен, если вы можете дать намек на это.
Jaison 02 май 2014, в 09:43

Показать ещё 2 комментария

Теги:

jquery

fullcalendar

1 ответ

Ещё вопросы

Таким образом, при перетаскивании вы хотите создать отдельные события вместо расширения перетаскиваемого?
Вы можете, например, использовать eventResize, чтобы разделить событие после остановки изменения размера. Но, пожалуйста, попробуйте сначала написать что-нибудь самостоятельно, а затем напишите здесь код, с которым у вас проблемы
Я попробую использовать eventResize, очень признателен, если вы можете дать намек на это.

Irvin Dominin · Accepted Answer · 2014-05-02T08-09-00.000Z

Вы можете использовать событие eventResize:

Вызывается при изменении размера и времени события.

в случае клонирования элемента и установки новой даты начала и окончания на нем, затем визуализируйте его в календаре с renderEvent метода renderEvent; в конце не забудьте вернуть стандартный эффект изменения размера с помощью revertFunc

Код:

$('#mycalendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: true,
    events: [{
        title: 'event1',
        start: '2014-05-02'
    }, {
        title: 'event2',
        start: '2014-05-10'
    }],
    eventResize: function (event, dayDelta, minuteDelta, revertFunc) {
        var originalEventObject = event;

        for (var i = 0; i < dayDelta; i++) {
            var selectedIndex = parseInt(originalEventObject._id.replace(/_fc/, '') - 1);
            var copiedEventObject = $.extend({}, $("#mycalendar").fullCalendar("clientEvents")[selectedIndex]);
            copiedEventObject.source = null;
            var newDay = new Date(copiedEventObject.start);
            newDay.setDate(newDay.getDate() + i + 1);
            copiedEventObject._id = "_fc" + parseInt($("#mycalendar").fullCalendar("clientEvents").length + 1);
            copiedEventObject.start = newDay;
            copiedEventObject.end = newDay;
            $('#mycalendar').fullCalendar('renderEvent', copiedEventObject, true);
        }

        revertFunc();
    }
});

Демо: http://jsfiddle.net/IrvinDominin/p9JFq/

Ооо, очень мило, Ты спас мне день, Большое спасибо !!!!
@ Джейсон, пожалуйста! если решено, примите ответ, используя галочку (проверьте свои старые вопросы тоже :-)