Css 全日历主题化

我的代码

根据，我应该能够通过设置

主题系统：'bootstrap4'

来使用不同的主题，比如bootstrap4

但不知何故，我得到的只是默认的主题

---

我遗漏了什么？

您正在查看错误版本的文档。您链接到的版本适用于fullCalendar版本3。但是您的代码是版本4。请看-您需要做的是非常细微的不同谢谢，我发布了一个错误的链接，在v4（）中我有相同的问题OK，但是您是否注意到在该版本中您应该将它们指定为“bootstrap”而不是“bootstrap4”是的，我已经尝试过了。我还尝试使用

standard

作为参数。我可能缺少的是引导和引导的两个HREF。我不知道如何将这些包含在blae/jade模板系统中。对不起，我对这些模板系统一无所知。但是我可以看到你是如何包含fullCalendar CSS文件的。我想您应该遵循类似的过程来包含另一个文件，假设它存在于您的项目中。

import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin from '@fullcalendar/interaction';
import timeGridPlugin from '@fullcalendar/timegrid';
import listPlugin from '@fullcalendar/list';
import allLocales from '@fullcalendar/core/locales-all';
import bootstrapPlugin from '@fullcalendar/bootstrap';
import '@fullcalendar/core/main.css';
import '@fullcalendar/daygrid/main.css';
import '@fullcalendar/timegrid/main.css';
import '@fullcalendar/list/main.css';
import '@fullcalendar/bootstrap/main.css';

calendar = new Calendar(calendarDom, {
    plugins: [ dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin, bootstrapPlugin ],
    id: 'calendar-view',
    height,
    contentHeight: 'auto',
    contentWidth: 'auto',
    defaultView: 'dayGridMonth',
    editable: true,
    eventStartEditable: true,
    eventResizableFromStart: true,
    eventDurationEditable: true,
    themeSystem: 'bootstrap4', // nothing is applied
    timezone: 'local',
    selectable: true,
    header: {
      left: 'title, today, prev, next',
      center: 'listDay, listWeek, listMonth, addEvent',
      right: 'dayGridMonth, timeGridWeek, timeGridDay',
    },
    buttonText: {
      ...
    },
    navLinks: true,
    nowIndicator: true,
    businessHours: {
      ...
    },
    locales: allLocales,
    locale: TAPi18n.getLanguage(),