calendar - 完整的日历响应

Question

当我在“移动”甚至“Ipad”上查看我的日历时，我一直遇到这个问题，事件插槽对用户不友好，甚至看不到事件。但是高度没有问题。只有宽度有问题。任何人都可以帮忙。在此先感谢这是代码：-

        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 视图

Answer 1

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

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

更改查看文档

希望有帮助。