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分鐘不工作