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

现在，当我在“周”视图中单击日历时，它默认为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

有一个选项被调用，但我从未成功使用过它

但是，您可以在单击日历后修改事件：在

选择

方法之后，您只需计算事件的结束日期，然后

渲染

事件：

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');
}

这是一张工作票

---

编辑：要计算结束日期，我使用FullCalendar v2附带的日期。但是Javascript Date（）也可以工作。

如果将forceEventDuration设置为true，则可以为defaultTimedEventDuration设置时间。添加下面的代码，它将设置1小时作为事件的默认值

$('#calendar').fullCalendar({
  forceEventDuration : true,
  defaultTimedEventDuration : "01:00:00"
});

资料来源：

---

文件fullcalendar.min.js中的 在最后一行找到

slotDuration:"00:30:00"

改为

slotDuration:"01:00:00"

摘自

---

您也可以在选择方法中修改持续时间，如下所示

select: function(arg) {
          calendar.addEvent({
          title: title,
          start: arg.start,
          end: arg.end.getMinutes() +50,
          allDay: arg.allDay
          });
       calendar.unselect()
      }

---

除此之外，我还有默认的30分钟持续时间：

select: function(arg) {
          calendar.addEvent({
          title: title,
          start: arg.start,
          end: arg.end.getMinutes() +50,
          allDay: arg.allDay
          });
       calendar.unselect()
      }