2011-04-27 117 views
2

我已經設置fullcalendar來加載一些谷歌日曆事件,但想知道是否有任何方法來加載描述或其他數據從事件以外的標題和時間?fullcalendar jQuery - 可以從Google日曆事件中檢索描述嗎?

我想抓住'description'和'where'字段來處理Google日曆事件,並將其顯示在fullcalendar的工具提示中。

我正在考慮嘗試解析event.url結果,但由於跨域ajax請求,它不起作用。我想這可能是通過代理php腳本或crossframe jquery的東西,但我想知道如果fullcalendar提供更清楚地訪問這些數據? (或者如果任何人有一個更好的主意)

enter image description here

回答

4

不知道他們有這樣的:有趣的發現。 如果你gcal.js源文件中的樣子,有看起來像這樣的代碼塊:

events.push({ 
         id: entry['gCal$uid']['value'], 
         title: entry['title']['$t'], 
         url: url, 
         start: start, 
         end: end, 
         allDay: allDay, 
         location: entry['gd$where'][0]['valueString'], 
         description: entry['content']['$t'] 
        }); 

我意料的是,你可以使用locationdescription領域做你想做什麼。

事實上,你可能會添加你想要的入口對象的任何其他字段:你需要知道你有什麼選項,但http://code.google.com/apis/gdata/samples/cal_sample.html使它非常簡單。我很好奇他們爲什麼不只是將整個條目對象作爲一個字段添加,這樣,如果/當你需要時,所有的數據都可以被訪問。

+0

哇,那很簡單。我想知道爲什麼沒有在他們的網站上記錄。萬分感謝! – waffl 2011-04-28 08:55:43

+0

是的 - 我從來沒有打擾過看gcal.js:D哈哈 - 那是薄荷!謝天謝地 – ppumkin 2011-04-28 09:14:48

+0

對不起,這個稍微磨合了一下。我正在查看新的V3文檔。他們似乎有相同的代碼,但我對你如何實際使用它來顯示數據有點困惑。 – jackdh 2015-07-31 13:12:40

0

在失去了我的想法後爲什麼它是如此簡單,從谷歌日曆事件添加說明,我終於在fullcalendar.js中找到放置字段的位置。 線3982,我改變

"<div class='fc-event-title col'>" + htmlEscape(event.title || '') +

"<div class='fc-event-title col'>" + '<strong>' + 
    htmlEscape(event.title || '') + '</strong><br>' + 
    htmlEscape(event.description || '') + 

和繁榮,說明顯示了一個小的造型。 是的,這很簡單,我希望這可以幫助那裏的人。所以,現在

$('#calendar').fullCalendar({ 
       eventRender: function(event, element) { 
        element.description = event.description; 
       }, 

,在eventMouseover或eventClick你可以訪問到event.description:

+0

如果你想與JS一起破解,這確實有效。 – jackdh 2015-07-31 13:02:04

0

在最近的版本中,您可以添加這樣。

我希望這可以提供幫助。

相關問題