fullFull日历响应

Question

当我在"Mobile"甚至"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');
}

changeView文档

希望能有所帮助。