Fullcalendar - 逆背景

Posted 2023-02-19

【中文标题】Fullcalendar - 逆背景

【英文标题】：Fullcalendar - inverse-background

【发布时间】：2019-01-20 04:10:34

【问题描述】：

我已经集成了完整的资源日历。我正在尝试为每个资源设置可用时间。 由于某些限制，我设置了不可用时间，而不是设置资源可用时间。

当我在完整日历活动中使用inverse-background 时，它会占用一整周。 这个属性可以设置为只有一天吗？

在this codepen link 我已经集成了解决方案。

有什么建议吗？

【问题讨论】：

我在您的 codepen 中看到的只是一个日历小部件，当前日期被突出显示...尚不完全清楚您的问题是什么，请尝试澄清它。

在周视图中，我使用了反向背景来反转不可用的时间。可以只设置一个歌唱日吗？意味着可以将反向背景设置为仅一天而不是整周

【参考方案1】：

我也有同样的问题。 documentation about inverse-background 说：

事件占用的时间跨度可以通过将display属性设置为inverse-background来着色

所以我认为唯一的选择是拆分背景事件并在实际事件之前和之后设置一个部分：

events: [
 
    start: '2018-08-15 00:00:00',
    end: '2018-08-15 12:00:00',
    allDay: false,
    rendering: 'background'
  ,
  
    start: '2018-08-15 15:00:00',
    end: '2018-08-15 23:59:59',
    allDay: false,
    rendering: 'background'
  ,

这就是结果（参见codepen）：