全日历响应

Question

当我在'Mobile'甚至'Ipad'上查看我的日历时，我一直在遇到这个问题，事件插槽不是用户友好的甚至看不到事件，但是Height没有任何问题。与宽度。谁能帮忙。提前致谢 这是代码：-

        defaultView: 'agendaDay',
        minTime: '#{@timing_slots[:start_time]}',
        maxTime: '#{@timing_slots[:end_time]}',
        slotDuration: '00:45:00',
        //themeSystem: 'bootstrap',
        aspectRatio: 2.8,
        contentHeight:'auto',
        slotEventOverlap: false,
        defaultDate: date,
        editable: false,
        selectable: true,

Ipad view

Answer 1

关于您关于更改视图的评论中的问题；是的，您可以使用 changeView 方法执行此操作。因此，也许尝试这样的事情：

if (window.innerWidth >= 768 ) {
    $('#calendar').fullCalendar('changeView', 'agendaDay');
} else {
    $('#calendar').fullCalendar('changeView', 'month');
}

changeView Docs

希望有帮助。