fullcalendar - 将鼠标单击时选择的时间从 30 分钟更改为一小时

Question

现在，当我在周 View 中单击日历时，它默认为 30 分钟时段。我可以延长它，但它总是从 30 分钟开始。

09:30-10:00
12:00-12:30
17:30-18:00

我想更改它，使其默认为一小时。理想情况下，当我单击日历时，它将以 60 分钟的时间段开始。

09:30-10:30
12:00-13:00
17:30-18:30

Answer 1

有一个名为 defaultTimedEventDuration 的选项但我从来没有成功使用它...

但是您可以在点击日历后修改事件:在 select 方法之后，您只需计算事件的结束日期并 render 事件:

select: function(start, end) {
    end =  $.fullCalendar.moment(start);
    end.add(1, 'hours');
    $('#calendar').fullCalendar('renderEvent',
    {
        start: start,
        end: end,
        allDay: false
        },
        true // stick the event
    );
    $('#calendar').fullCalendar('unselect');
}

这是一个有效的 jsFiddle .

编辑:计算结束日期，我使用Moment.js FullCalendar v2 附带。但是 Javascript Date() 也可以。