在多个FullCalendars之间拖放?

时间:2010-09-04 11:02:49

标签: fullcalendar

有没有办法使用FullCalendar呈现多个月,并允许用户将项目/事件从一个月拖到另一个月?我想将一个预定的事件从6月拖到7月(或8月等)

我正在尝试查看是否可以通过在单个页面上放置多个日历并在它们之间启用拖放来完成此操作。

(如果有人有更好的方法来解决这个问题,请告诉我!:))

我正在尝试修改external-dragging.html示例(可在http://arshaw.com/js/fullcalendar/examples/external-dragging.html上找到),但我没有走得太远。主要是因为我不熟悉jQuery,也不熟悉FullCalendar。

我想到的是: 在该示例中,左侧的“可拖动事件”面板通过指定HTML中的项目(静态地,作为页面的一部分)填充可拖动项目,然后(在jQuery onReady事件中)迭代这些静态元素&将jQuery UI可拖动功能添加到每个中。这很有效,因为已知(在准备时间)如何清楚地识别这些元素。

当这些jQuery UI可拖动中的一个被拖放到Calendar上时,将触发drop事件/方法。在此方法中,函数检索日历元素的名称(实际上是日历事件),然后使用该名称在日历上设置新项目(最终使用fullCalendar('renderEvent'...)行完成)

该示例不需要做任何其他事情,因为FullCalendar允许使用与jQuery UI拖放不同的机制在内部(在单个日历内)进行拖放(据我所知) )

我已经复制并粘贴了日历的HTML(所以我有第二个,名为#calendar2),并认为如果我找到了一种方法来为第一个创建的项目添加可拖动的功能日历的丢弃功能,那么一切都应该正常工作。我尝试将以下代码段添加到示例中“drop”函数的末尾,但遇到的问题是FullCalendar不允许在第一个日历之外显示项目/事件。

有没有办法使用FullCalendar呈现多个月,并允许用户将项目/事件从一个月拖到另一个月?

1 个答案:

答案 0 :(得分:0)

我已更新外部拖动演示,并将代码发布到http://code.google.com/p/fullcalendar/issues/detail?id=550上的评论中。希望它有所帮助