2011-02-22 51 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样式无法选择。