时间戳

首页 > 解决方案 > 更改 Fullcalendar 主题系统的默认值

jquery - 更改 Fullcalendar 主题系统的默认值

问题描述

目前使用 Bootstrap 4 与 Fullcalendar.io 的新集成。它工作得非常好，但我一直在试图弄清楚如何更改https://github.com/fullcalendar/fullcalendar/blob/master/src/theme/Bootstrap4Theme 第 14 行中定义的按钮类的默认值。 ts：

export default class Bootstrap4Theme extends Theme {
}

Bootstrap4Theme.prototype.classes = {
  widget: 'fc-bootstrap4',

  tableGrid: 'table-bordered', // avoid `table` class b/c don't want margins. only border color
  tableList: 'table', // `table` class creates bottom margin but who cares
  tableListHeading: 'table-active',

  buttonGroup: 'btn-group',
  button: 'btn btn-primary',
  stateActive: 'active',
  stateDisabled: 'disabled',

  today: 'alert alert-info', // the plain `info` class requires `.table`, too much to ask
  popover: 'card card-primary',
  popoverHeader: 'card-header',
  popoverContent: 'card-body',

  // day grid
  // for left/right border color when border is inset from edges (all-day in agenda view)
  // avoid `table` class b/c don't want margins/padding/structure. only border color.
  headerRow: 'table-bordered',
  dayRow: 'table-bordered',

  // list view
  listView: 'card card-primary'
}

我想将.btn-primary的默认值修改为.btn-outline-secondary。

有什么办法可以通过修改 Fullcalendar 上的 Bootstrap 4 主题的默认值来做到这一点？

标签： jquerytwitter-bootstrapbootstrap-4fullcalendarfullcalendar-3

解决方案

推荐阅读