FullCalendar，可以設置可選false，但允許選擇插槽

Question

我正在申請FullCalendar。

我注意到，selectable設置爲true，用戶能夠選擇不需要的多個星期或時間段。另一方面，當我將selectable設置爲false時，我不能再使用用戶選擇時隙時要觸發的選擇操作。有沒有什麼方法selectable功能將保持爲false，但仍然可以單獨選擇每個時隙，而不是時隙組的一部分。

這裏是我的代碼，如陣列穿過PHP：

'options'=>array(
'header'=>array(
    'left'=>'prev,next,today', 
    'center'=>'title', 
    'right'=> 'month,agendaWeek,agendaDay', 
), 
'minTime' => '09:00:00', 
'maxTime' => '20:00:00', 
'slotDuration' => '01:00:00', 
'slotEventOverlap' => false, 
'defaultTimedEventDuration' => '01:00:00', 
'allDaySlot' => false, 
'allDay' => false, 
'lazyFetching'=>true, 
'weekends' => false, 
'selectable' => true, 
'height' => 'auto', 
'contentHeight' => '150', 
// 'selectHelper' => true, 
// 'events'=>array(), // pass array of events directly 
'select' => new CJavaScriptExpression("function(start, end, jsEvent, view) { 
        var currdisplay = view.name; 
        var check = Date.parse(start)/1000; 
        var today = Date.parse(new Date())/1000; 
        if (currdisplay != 'month' && check >= today) { 
         var start1 = Date.parse(start)/1000; 
         var end = Date.parse(start)/1000 + 3600; 
         window.location.href = \"www.somelink.com/?from=\" + start1 + \"&to=\" + end; 
         }}"), 
'dayClick' => new CJavaScriptExpression("function(date, jsEvent, view) { 
        var currdisplay = view.name; 
        if (currdisplay == 'month') { 
         $('.calendar').fullCalendar('gotoDate', date); 
         $('.calendar').fullCalendar('changeView', 'agendaWeek'); 
        }}"), 

我目前的修復，或許你可以在代碼塊見：

var start1 = Date.parse(start)/1000; 
var end = Date.parse(start)/1000 + 3600; 

這兩行確認如果用戶選擇5個時間段，在開始時間後5小時後設置結束時間爲1小時（3600秒），但不是5個小時後，但我不滿意這個解決方案，因爲我沒有發現它乾淨，不喜歡那selectable功能仍然可用。

Answer 1

的時隙不完美的解決方案：

這是否工作不夠好，你呢？

http://jsfiddle.net/3E8nk/739/

select: (function() { 
    var humanSelection = true; 
    return function(start, end, jsEvent, view) { 
     if(humanSelection) { 
      humanSelection = false; 
      $('#calendar').fullCalendar('select', start); 
      humanSelection = true; 
     } 
    }; 
})(), 

解天：

嘗試使用天點擊設置背景顏色，你想要什麼，而不是。

See fiddle

dayClick: (function() { 
    var lastThis; 
    return function(date, jsEvent, view) { 
     if(lastThis) 
      lastThis.css('background-color', 'white'); 
     lastThis = $(this); 
     $(this).css('background-color', 'lightblue'); 
    } 
})(),