jquery - FullCalendar 插槽 5 分钟不起作用

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 样式选项，现在一切正常。经过更多测试后，结果表明 jquery UI 样式不适用于选择时间段是否小于 30 分钟。