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
,它是假的,因此它将显示为红色。
红色和绿色背景只会出现在一个事件中。 如果天网格不在任何事件中,它将保留为空白。
我怎样才能做到这一点。 还是有更好的方法来利用resources
, constraints
等来做到这一点?
谢谢。
我不确定我是否理解,但将每个事件的开放/封闭平日的整个列表传递给我们是很奇怪的。 你应该确定你的活动是在哪个工作日进行并据此采取行动。 只需将一个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