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

Question

我试图显示带有事件的FullCalendar，并且每当用户专注于某些输入时就隐藏/显示该日历。 当前看起来像：

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

但这仅呈现上一个/下一个图标。

PS可能我应该使用'render'但我不知道如何将其与我的选择混合使用。

Answer 1

隐藏时，Fullcalendar无法正确渲染。 解决方法是调用$('#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');
    });

});