jquery - FullCalendar 无法正确加载正文

标签 jquery html css fullcalendar fullcalendar-3

问题基本上是 fullcalendar 没有正确加载。它适用于某些浏览器,但不适用于其他浏览器。示例:适用于 Ubuntu 上的 Chrome,但不适用于 Windows 上的 Chrome。

错误:

enter image description here

工作:

enter image description here

这是我的一些代码:

$(function(){
    $("#medicalen").fullCalendar({
        allDaySlot: false,
        nowIndicator: true,
        defaultView: 'agendaDay',
        lang: 'es',
        slotLabelFormat: 'H:mm',
        titleFormat: "D MMMM 'YY",
        height: 'parent',
        displayEventTime: false,
        slotLabelInterval: '00:10:00',
        hiddenDays: [0,6],
        events: [{'title': 'JOHNSON CAMILA LUCIA', 'start': '2019-04-29 18:00', 'pac_id': 1345}, {'title': 'PATHEVEN SANTIAGO', 'start': '2019-04-25 12:00', 'pac_id': 4512}, {'title': 'CIARALLE JUAN ESTEBAN', 'start': '2019-04-29 16:00', 'pac_id': 106}],
        slotDuration: '00:10:00',
        defaultTimedEventDuration: '00:10:00',
        views:{
            agenda:{
                minTime: '8:30',
                maxTime: '18:00',
            }
        },
        eventClick: function(event, jsEvent, view){
                          loadhis(event.pac_id);
                    }
    });        
});

我已经尝试使用 render 方法,结果是一样的。我没有任何控制台错误或日志错误。这在 1 个月前正常工作。它一直托管在 PythonAnywhere 上,使用 Flask 1.0 和 Python 3.7 制作。

最佳答案

如果你删除

height: 'parent'

那么你就没有问题了。

由于日历不在固定高度的 block 内,那么它将采用父 block 的最小高度,因此日历的某些部分将不可见。

关于jquery - FullCalendar 无法正确加载正文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56276602/

相关文章:

jquery - 自定义 jQuery Accordion

java - 向网站访问者显示一次性欢迎信息的最佳方式是什么?

javascript - 链接悬停效果

javascript - Angular Material 2 md-tab内容高度

html - 让两个 div 共享同一个滚动条?

CSS:为什么这个 css 规则在谷歌浏览器中不起作用

javascript - 当我使用 data-rel ="chosen"json ajax 数据未与下拉列表绑定(bind)时

javascript - 将我的事件处理程序绑定(bind)到哪个事件?

jQuery Roundabout IE 图像像素化

javascript - 单击带有 chrome 扩展程序的网站上的按钮