鼠標點擊從30分鐘到1小時選擇更改時間

現在，當我點擊周視圖中的日曆時，它默認爲30分鐘的插槽。我可以延長它，但總是以30分鐘開始。鼠標點擊從30分鐘到1小時選擇更改時間

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

2015-10-05 Samson Yee

有這個選項叫做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。

編輯：來計算結束日期，我使用了FullCalendar v2附帶的Moment.js。但是一個Javascript Date（）也可以工作。

來源

2015-10-06 08:16:30 Slyvain

如果將forceEventDuration設置爲true，那麼您可以爲defaultTimedEventDuration設置一個時間。添加下面的代碼，它將設置1小時作爲事件的默認值。

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

來源： forceEventDuration defaultTimedEventDuration

來源

2015-10-09 07:44:42 Rastalamm

除了沒有，我仍然有默認的30分鐘持續時間：http://jsfiddle.net/slyvain/tnu79n40/ – Slyvain

在文件fullcalendar.min.js 在最後一行找到

slotDuration:"00:30:00"

更改爲

slotDuration:"01:00:00"

來源

2016-05-04 21:37:40

從提取。

snapDuration: "01:00:00"

來源

2017-06-17 23:27:55

鼠標點擊從30分鐘到1小時選擇更改時間

回答

相關問題