我在议程视图中使用fullCalendar v2,并且需要能够在用户选择日历中的插槽时指定事件的持续时间。我尝试使用自定义selectHelper
函数,但它被限制为由fullCalendar创建的矩形以匹配单击的插槽的大小;我也尝试过指定defaultTimedEventDuration
选项,但似乎select事件不是真正的事件。
我需要的是:当用户点击日历的插槽时,事件占位符应该具有基于所选字段选项的特定持续时间。
我现在得到的是:事件占位符始终具有相同的持续时间(单个插槽)。
我现在的赌注是使用dayClick
回调重新实现整个“占位符选择”交互,但我想知道是否有其他人想出过这种情况以及他们如何处理它。我真的不喜欢重新发明这种微妙变化的想法。
这是我现在拥有的(重要部分):
$('#calendar').fullCalendar({
defaultView: 'agendaWeek',
header: {
left: 'prev',
center: 'title',
right: 'month,agendaWeek,agendaDay today next'
},
selectable: true,
unselectAuto: false,
selectHelper: true,
slotDuration: '00:30:00'
});