完整日历按日期范围获取单元格属性

时间:2017-09-18 10:46:20

标签: javascript fullcalendar

所以我在我的项目中使用完整日历JavaScript。我在每天渲染函数中为每天的单元格设置了一个属性。问题:我可以使用日期范围获取这些属性吗?那可行吗?任何建议都非常感谢。

1 个答案:

答案 0 :(得分:0)

每个单元格都有fc-day个类,每个单元格都有一个属性data-date,显示它所代表的日期(例如2017-09-19)。

例如,假设您在2017年9月的月视图中,并且通过{{1}将一个名为“MyCustomAttr”的自定义属性(显示当天全年的哪一天)添加到这些日期单元格中像这样:

dayRender

然后,您想获取9月10日至15日(独占)范围内所有单元格的自定义属性值,您可以运行此代码(只要它在执行dayRender回调后的某个时间运行):

dayRender: function(date, cell) {
  cell.attr("MyCustomAttr", "Day Of Year: " + date.format("DDD"));
},

您可以在此处查看一个有效的示例:http://jsfiddle.net/sbxpv25p/20/

N.B。我刚刚将属性值放入数组中作为示例,这本身并不是很有用,因为它们不再与日期相关联。一旦你获得了属性,你就没有说出你想要做什么,所以我会留给你修改这个例子以满足你的需要。