Fullcalendar:具有开放和封闭日背景/标记的事件

我正在制作一个带有动态事件的日历。

我的事件对象id : " sdsddsd " start : "2018-05-13T0..." end : "2018-05-26T0" open_monday: true open_tuesday: false open_wednesday: true open_thursday: false ...最简单的表示法id : " sdsddsd " start : "2018-05-13T0..." end : "2018-05-26T0" open_monday: true open_tuesday: false open_wednesday: true open_thursday: false ...
因此,在月视图日历中,我想显示我的事件,并在事件中如果open_monday为true,则将当天网格的背景设置为绿色。 接下来的星期二将使用值open_tuesday ,它是假的,因此它将显示为红色。

红色和绿色背景只会出现在一个事件中。 如果天网格不在任何事件中,它将保留为空白。

我怎样才能做到这一点。 还是有更好的方法来利用resourcesconstraints等来做到这一点?

谢谢。


我不确定我是否理解,但将每个事件的开放/封闭平日的整个列表传递给我们是很奇怪的。 你应该确定你的活动是在哪个工作日进行并据此采取行动。 只需将一个eventRender回调字段添加到日历中即可精确控制呈现该事件的HTML元素的布局。 请参阅https://fullcalendar.io/docs/eventRender

要了解活动的工作日,请使用

moment(event.start).day()

请参阅https://momentjs.com/docs/#/get-set/day/

或者,您可以为日历添加一个eventDataTransform字段,该字段将在加载时应用于每个事件,以便您可以更改其任何布局说明符(color,backgroundColor,className ...),请参阅https:/ /fullcalendar.io/docs/event-object

链接地址: http://www.djcxy.com/p/81169.html

上一篇: Fullcalendar: Events with open and closed day background/marker

下一篇: Changing the text in the basicDay view