FullCalendar agendaWeek在加载

时间:2017-11-02 15:37:43

标签: javascript jquery css fullcalendar

FullCalendar的新手,我使用的是AgendaWeek视图,它嵌入了一个标签内,这是一个内部构建的标签控件,而不是jquery ui标签。问题是未显示加载事件且日历也未正确呈现,即最左侧列上的显示时间未正确对齐。只要我点击日历,就会显示事件并且时间列将对齐。当我调试它是由于我的代码中的这一行在select事件: $('#calendar')。fullCalendar(' renderEvent',eventData,true);

我已经阅读了无数关于我们如何添加此内容的主题:$('#calendar')。fullCalendar(' render');在标签的节目事件上,我试图这样做,但没有运气。初始加载始终不显示事件并且存在样式问题。当我在控制台中调试时,代码行正在执行但没有任何反应。如果我将此代码移动到没有选项卡的另一个页面,它可以很好地工作。我还注意到,当我在开发人员控制台中检查元素时,它会有正确呈现。

任何人都有类似的问题吗?欣赏任何想法。

Image of calendar

激活标签的代码:

showActiveTab: function () {
    var _this = this;

    switch (this.activeTab) {
        case "customerTab":
            CustomerTab.focus();
            break;
        case "OrderTab":
            OrderTab.focus();
            break;
        case "CalendarTab":
            CalendarTab.focus();
            break;
    }

    _this.activeTab.scrollTop(0).show();

    setTimeout(function () {
        $('#calendar').fullCalendar('render');
    }, 1000);             
},

0 个答案:

没有答案