2012-09-06 37 views
3

我在AgendaWeek視圖中使用完整日曆JS,並將可見小時數限制在上午8點至下午5點,而不是每天12小時的完整時間但是,默認情況下,當我嘗試擴展事件的時間並將其拖到可見小時的末尾時,它不會換到第二天,而是一直持續到包裝之前到達午夜。完整日曆從工作日結束到下一工作日開始的包裝時間

有沒有簡單的方法來防止這種情況?基本上我只想讓它在一週內的上午8點到下午5點之間顯示事件。

$('#calendar').fullCalendar({ 
    defaultView: 'agendaWeek', 
    allDaySlot: false, 
    minTime:'8:00am', 
    maxTime:'6:00pm', 
    weekends: false, 
    header: { 
     left: 'prev,next', 
     center: 'title', 
     right: '' 
    }, 
    editable: true, 
    droppable: true, // this allows things to be dropped onto the calendar !!! 
    events: "{{URL::to('schedule/fetch')}}"   
}); 

更多的背景,我的事件存儲在數據庫中,只有開始時間和持續時間,都是UTC格式。爲了獲得結束時間,我只需在通過AJAX傳回之前添加開始時間和持續時間。我想我需要完整的日曆只是增加到持續時間,如果它溢出到第二天,但我不知道如何完成這一點。

回答

0

我解決了內選擇全日曆以下解決方案:

select: function(start, end) { 

    if(start.format() > minTime && start.format() < maxTime){ 

     eventId++;    
     var event = { 
      id : eventId, 
      start: moment(start.format()), 
      end: moment(end.format()) 
     }; 
     $('#calendar').fullCalendar('renderEvent', event, true); 
    } 

} 
相關問題