带有事件的完整日历 - 无法隐藏和显示

Question

我正在尝试显示带有事件的 FullCalendar，并且 hide/show 只要用户关注某些输入，就会显示此日历。目前它看起来像：

$("input[name='start']").focus(function () {         
    $('#calendardep').fullCalendar(options).slideToggle();
);

但这仅呈现 prev/next 个图标。

P.S。可能我应该使用 'render' 但我不知道如何将它与我的选项混合使用。

Answer 1

全日历在隐藏时无法正确呈现。解决方法是调用 $('#calendar').fullCalendar('render');.

所以：

$("input[name='start']").focus(function () {         
    $('#calendardep').fullCalendar(options).slideToggle();
    $('#calendardep').fullCalendar('render');
});

或

$("input[name='start']").focus(function () {         
    $('#calendardep').fullCalendar(options).slideToggle(400, function(){
        $('#calendardep').fullCalendar('render');
    });

});

带有事件的完整日历 - 无法隐藏和显示

Fullcalendar with events - unable hide and show

javascript

jquery

fullcalendar