FullCalendar FullCalendar：在放置功能中设置事件结束

Question

我有能力将外部事件拖放到日历，其中开始时间的默认行为是放置事件的位置。我想将默认行为设置为将事件的结束时间设置为开始时间之后1小时。这似乎微不足道，但我似乎无法得到它的工作。下面是我的拖放功能（基本上是可拖放项目演示加上1行）。

drop: function(date, allDay) { // this function is called when something is dropped 

    // retrieve the dropped element's stored Event Object 
    var originalEventObject = $(this).data('eventObject'); 
    // we need to copy it, so that multiple events don't have a 
    // reference to the same object 
    var copiedEventObject = $.extend({}, originalEventObject); 

    // assign it the date that was reported 
    copiedEventObject.start = date; 
    copiedEventObject.end = date.setHours(date.getHours()+1); // <- should be working 
    copiedEventObject.allDay = allDay; 

    // render the event on the calendar 
    // the last `true` argument determines if the event "sticks" 
    // (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/) 
    $('#calendar').fullCalendar('renderEvent', copiedEventObject, true); 

     // is the "remove after drop" checkbox checked? 
    if ($('#drop-remove').is(':checked')) { 
    // if so, remove the element from the "Draggable Events" list 
    $(this).remove(); 
    } 
}, 

任何想法？

谢谢， 乔·奇

Answer 1

在这个例子你正在试图做的那是什么allDay设置为true的问题，所以它忽略开始日期指定的时间。如果你满意说暂且午夜 - 凌晨1时为默认值，这里是你能做什么：

var tempDate = new Date(date); //clone date 
copiedEventObject.start = date; 
copiedEventObject.end = new Date(tempDate.setHours(tempDate.getHours()+1)); // <-- make sure we assigned a date object 
copiedEventObject.allDay = false; //< -- only change 
.... 

编辑：好的，其实我试过这个版本。它似乎工作。

Answer 2

Calendar属性

http://arshaw.com/fullcalendar/docs/agenda/defaultEventMinutes/ 台德默认的结束时间从开始

Answer 3

我无法得到解决张贴Ryley正常工作。它会将外部事件放在日历的标题中，当我查看本周时，事件将变成细线（它看起来已崩溃）或根本不显示。这可能是一个fullCalendar版本差异（我使用的是fullCalendar的v2版本）。在fullCalendar的v2中，我能够在没有任何日历视图中的任何事件问题的情况下工作。

drop: function (date, jsEvent, ui) { // this function is called when an external element is dropped. 

    // retrieve the dropped element's stored Event Object 
    var originalEventObject = $(this).data('eventObject'); 

    // we need to copy it, so that multiple events don't have a reference to the same object 
    var copiedEventObject = $.extend({}, originalEventObject); 

    var sdate = $.fullCalendar.moment(date.format()); // Create a clone of the dropped date. 
    sdate.stripTime();  // The time should already be stripped but lets do a sanity check. 
    sdate.time('08:00:00'); // Set a default start time. 
    copiedEventObject.start = sdate; 

    var edate = $.fullCalendar.moment(date.format()); // Create a clone. 
    edate.stripTime();  // Sanity check. 
    edate.time('12:00:00'); // Set a default end time. 
    copiedEventObject.end = edate; 

    // render the event on the calendar 
    // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/) 
    $('#calendar').fullCalendar('renderEvent', copiedEventObject, true); 

},