代码之家 › 专栏 › 技术社区 › Ben Everard

为jquery完整日历指定多个不同的源

fullcalendar jquery

0

Ben Everard · 技术社区 · 15 年前

因此,我希望能够为我的完整日历实现指定多个不同的源,我的日历中有许多Google日历源,但也有许多本地源,所有这些源都使用json数据类型。

我想我可以把这些资料混合起来:

eventSources:
[
    $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic'),
    '/?module=a&controller=b&action=getJSON&id=1'        
]

但是当我尝试这个的时候,日历上什么都没有画出来,甚至谷歌订阅源也没有。

有人能告诉我如何从不同的地点(谷歌/本地)指定多个来源吗?

1 回复 | 直到 15 年前

1

Community CDub 8 年前

~~好吧,我自己也想出了解决办法…~~ 实际上,第一个解决方案不是解决方案,向下滚动到编辑 .

<script type="text/javascript">
    $(document).ready(function() {
        $('#calendar').fullCalendar({ events: "/?module=1&controller=2&action=getJSON&id=1" })
                      .fullCalendar({ events: "/?module=1&controller=2&action=getJSON&id=2" })
                      .fullCalendar({ events: "/?module=1&controller=2&action=getJSON&id=3" })
                      .fullCalendar({ events: "/?module=1&controller=2&action=getJSON&id=4" })
                      .fullCalendar({ events: $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic') });

});
</script>

所以我要做的是在脚本开始时实例化完整日历,然后进一步单独添加事件。我不完全相信这是解决问题的最佳方法,所以如果有人有其他建议,我真的很想听听。

编辑

所以我意识到原始代码为每个提要实例化了完整日历,所以在本例中,我的页面上有5个日历…哎呀,我冲过去了 this post 其中我给出了答案:

<script type="text/javascript">
$(document).ready(function() {
    $('#calendar').fullCalendar('addEventSource', "/?module=1&controller=3&action=getJSON&id=1")
                  .fullCalendar('addEventSource', "/?module=1&controller=2&action=getJSON&id=2")
                  .fullCalendar('addEventSource', "/?module=1&controller=2&action=getJSON&id=3")
                  .fullCalendar('addEventSource', "/?module=1&controller=2&action=getJSON&id=4")
                  .fullCalendar('addEventSource', "/?module=1&controller=2&action=getJSON&id=5");

});
</script>