2011-02-22 53 views
2
//*************************************************************************************************************** 
// Order Calendar 
//*************************************************************************************************************** 
$calendarPanel = $("#calendar-panel"); 
$orderCalendar = $("#order-calendar"); 
if($orderCalendar.exists()) { 
    $orderCalendar.fullCalendar({ 
     theme : true, 
     weekMode : 'liquid', 
     aspectRatio : 0.9, 
     header : { 
      left: 'title ', 
      center: 'today ', 
      right: 'month,agendaWeek,agendaDay prev,next' 
     }, 
     selectable: true, 
     selectHelper: true, 
     slotMinutes: 5, 
     defaultEventMinutes: 5, 
     /* Events */ 
     // Clicked on day 
     dayClick: function(date, allDay, jsEvent, view) { 

       if (allDay) { 
         alert('Clicked on the entire day: ' + date); 
       } else{ 
         alert('Clicked on the slot: ' + date); 
       } 

     }, 
     // Selected a Time 
     select: function(startDate, endDate, allDay, jsEvent, view) { 
      alert(startDate); 
     } 

    }); 

    /* Show Calendar on Tab Open */ 
    $calendarPanel.bind("panelShown", function() { 
     $orderCalendar.fullCalendar('render'); 
    }); 
} 

jQuery FullCalendar非常酷,但是當我嘗試將插槽大小更改爲5分鐘而不是30分鐘時,輸入事件的拖動方法變得棘手。我沒有在5分鐘的時間段開始比賽,而是從最初的30分鐘開始拖出。非常討厭,我不知道我做錯了什麼。FullCalendar插槽5分鐘不工作

回答

1

好吧,看起來我發現了這個問題。

我關閉了jQuery UI樣式選項,現在所有東西都可以正常工作。經過一些更多的測試後,事實證明,如果時隙小於30分鐘,jquery UI樣式無法選擇。