如何移除FullCalendar页脚以适配Filemaker Web Viewer？

1. 用CSS强制隐藏或压缩页脚 #

如果配置项未生效，直接通过CSS定位页脚容器，彻底消除空隙：

/* 完全隐藏页脚 */
.fc-footer-toolbar {
    display: none !important;
}

/* 仅压缩页脚尺寸（保留元素但消除多余空间） */
.fc-footer-toolbar {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

将这段代码添加到日历页面的<style>标签或关联的CSS文件中。

2. 匹配FullCalendar版本设置正确配置 #

不同版本的配置项存在差异，确保使用对应版本的参数：

• v5及以上版本：初始化时必须设置footerToolbar: false，注意配置层级正确：

document.addEventListener('DOMContentLoaded', function() {
    const calendarEl = document.getElementById('calendar');
    const calendar = new FullCalendar.Calendar(calendarEl, {
        // 其他日历配置
        footerToolbar: false,
        // 其他日历配置
    });
    calendar.render();
});

• v4及更早版本：使用footer: false，同时检查是否有自定义代码或插件覆盖了该配置。

3. 让日历容器撑满Web Viewer空间 #

确保日历容器和Web Viewer的尺寸设置正确，消除底部留白：

#calendar {
    height: 100vh !important;
    min-height: 100% !important;
}

同时在FileMaker中调整Web Viewer属性，移除多余的内边距、外边距，让它最大化利用可用屏幕区域。

4. 清除日历主容器的默认边距 #

部分FullCalendar主题会给主容器添加底部边距，可通过CSS消除：

.fc {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

内容的提问来源于stack exchange，提问作者Ryan LaClaire