栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

fullcalendar:只有通过事件函数加载事件后,才可以调用dayRender的方法

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

fullcalendar:只有通过事件函数加载事件后,才可以调用dayRender的方法

您的问题是“
dayRender”回调在更改视图后运行(为此目的,使用上一个/下一个计数作为更改视图来更改日期),但是在下载和呈现新视图的事件之前运行。这就是为什么

json_backgrundColor
数组未定义的原因。

由于您提到要使用的颜色取决于当前为该特定日期安排的事件的确切性质,因此我们需要找到在所有事件和该颜色数据下载后可以运行的东西。

检查HTML,我们可以看到用于每天绘制的表格单元格都应用了CSS类“ fc-day”。它们还具有

data-date
包含与其相关的日期的属性。最后,被禁用的天数(在主要月份之外,由于您进行了设置
showNonCurrentDates:false
)已应用了额外的“
fc-disabled-day”类别。我们可以使用这些信息来标识我们要更改的单元,而不必使用
dayRender
回调。

eventAfterAllRender
呈现所有事件后,回调将运行一次。因此,这似乎是更改单元格背景颜色的好地方:

eventAfterAllRender(function(view) {    //loop through each non-disabled day cell    $('.fc-day:not(.fc-disabled-day)').each(function(index, element) {      //set the background colour of the cell from the json_backgroundColor arrray, based on the day number taken from the cell's "data-date" attribute.      $(this).css('background-color', json_backgroundColor[moment($(this).data("date")).format("D")]);    });}

请注意,我已经改名

json_backgrundColor
,以
json_backgroundColor
纠正拼写错误。

注意:这很脆弱,因为它依赖于fullCalendar内部使用的类名称来表示日单元。如果fullCalendar决定在将来的版本中以其他方式执行此操作,则它将中断(而如果我们能够通过指定的回调使用fullCalendar
API,则尽管内部进行了更改,但它们仍可能保持一致性,或者至少记录了任何更改)。但这是“月”视图的关键,因此实际上它不太可能很快改变-
如果您更新了完整的日历版本,则只需记住要对其进行测试。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/401745.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号