如何使全日历响应？

Question

有什么方法，我们可以用来在全日历中启用完全响应模式？。

我已经搜索了文档，但目前找不到任何链接。

https://fullcalendar.io/docs/

Answer 1

这不是一个完全万无一失的解决方案，但对于细微的调整，我使用了 javscript/jQuery 方法。

页面完全加载后，我只需识别 fullcalendar 元素并添加引导响应类（或项目中使用的任何其他类）。

// add the responsive classes after page initialization
window.onload = function () {
    $('.fc-toolbar.fc-header-toolbar').addClass('row col-lg-12');
};

// add the responsive classes when navigating with calendar buttons
$(document).on('click', '.fc-button', function(e) {
    $('.fc-toolbar.fc-header-toolbar').addClass('row col-lg-12');
});

Answer 2

如果您问的是，Does full-calendar handle window resize?. 如果是这样，那么全日历就具有这样的功能。您可以将handleWindowResize属性设置为true，但默认情况下它是true，您不必询问它。

如果您问的是，Does full-calendar allow user interaction other than just rendering events?. 然后，是的，全日历允许您添加、删除、更新事件。它还提供了许多选项和方法来调整您的日历。由于有很多这样的功能，您必须浏览文档才能找到您需要的功能。

最后，全日历有很多回调方法/挂钩，您可以使用它们来允许/阻止某些操作、修改此类操作的行为等等。

我希望你能找到你正在寻找的东西。祝你好运。