Question

//***************************************************************************************************************
//  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分钟。非常讨厌，我不确定我做错了什么。

Answer 1

好吧，看起来我找到了问题。

我关闭了jQuery UI样式选项，现在一切正常。经过一点点测试后，事实证明，如果时隙小于30分钟，则jquery UI样式不起作用。

FullCalendar插槽分钟5不工作

1 个答案: