2012-08-27 23 views
0

我實際上使用jQuery fullCalendar作爲預訂系統,我正在尋找一種方法來顯示一些日期框架中的一些雜項信息,從日期(基本上是當前日期)到另一個日期(當前日曆視圖的最後一天)。在每個jQuery Fullcalendar框架中顯示雜項Ajax數據

更清楚,我的日曆顯示每月的每一天,我想通過一個Ajax查詢來獲取從MySQL數據庫的一些信息,如免費的插槽數量在未來未來幾天等等

例子:

從27-08-2012(今天)時,MySQL將返回從Ajax查詢,空閒時隙數,每天從今天到當前視圖的最後一天,這每週一次的只讀。當一週變更時應該更新數據。

有關信息,Ajax調用返回的數據可能是pliants。

任何幫助或想法將不勝感激。

+0

您想在哪裏顯示這些信息?也許在頭上?另外,你正在尋找一種方法來檢索信息或只是顯示? – ganeshk

+0

只顯示。這些信息應該顯示在Ajax調用返回的每個小時範圍的每一天。在這裏,您可以在周視圖中看到想要的結果的簡單示例:http://postimage.org/image/tmd6o51rt/ – roastedtoast

回答

0

我終於妥善解決了這個問題。這可能不是最好的解決辦法,但它的工作原理...

首先,我用2個事件源日曆:

eventSources: [ 
     "events_list.php", 
     "free_slots.php" 
    ] 

它們都返回事件與不同的CSS屬性。第一個是EventType,第二個是EventInfo。我知道我可以使用相同的文件,但由於某些原因,這是不可能的...

因此,第一個從SQL查詢中檢索每個事件。第二屆一個使用由jQuery的fullCalendar插件使用的2個變量:

$_GET['start']; 
$_GET['end']; 

然後我就必須做一些計算來獲取這兩個日期,併爲每個可用插槽數之間的所有事件...

服務器端腳本返回一個JSON數組的「類名」選項...(+空閒時隙數,如果需要(取決於所使用的PHP文件))

$Arrayz[] = array('className' => 'EventInfo'); echo json_encode($Arrayz); 

所以空閒插槽每個事件都像事件一樣顯示,但它們不是真的..(沒有bac kground色,無邊框,等...)

在那之後,我還可以使用fullCalendar插件允許用戶與真實事件進行交互的另一個功能......

eventClick: function(event) { 
    if(event.className == 'EventType'){ etc... 

的可能性是無限...

希望它會有所幫助。