如何添加圖像到特定的事件，jquery完整的日曆

我有wp自定義帖子類型，並且有自定義分類，它有一個額外的字段，它是表示分類的圖標。如何添加圖像到特定的事件，jquery完整的日曆

所以我可以從wpdb查詢並使用json將所有必需的東西傳遞給jquery完整的日曆。

但不能顯示圖像src通過飼料，因爲目前它沒有imgage字段。目前它有標題，網址，start_date，end_date和其他幾個，但它缺乏形象。

我的要求是：每個事件屬於特定的類別，每個類別都有自己的圖像/圖標，所以而非日曆顯示evnent稱號，我只是想顯示其類別的形象

我如果wonderirng像如下：

$jsonevents[] = array(
      'title' => $new_term, 
      'image'=> $img_var, 
      'start' => $stime, 
      'textColor' => '#757770', 
      'backgroundColor' =>'#e8e8e8' 
      );

我知道有jQuery的完整的日曆沒有圖像關鍵，但我想我們可能需要修改fullcalendar.js文件。

所以問題是有沒有人已經修改過？

來源

2012-08-14 Zakir Sajib

我回答類似的東西而回 - 我認爲它也適用於此：

full calendar - associate clickable icons with events?

看看，讓我知道，如果有幫助！

來源

2012-08-14 22:31:11 ganeshk

，但你的代碼完成對所有事件應用相同的圖像。但我想要的是爲不同的事件分配不同的圖像，所以基本上如果事件是1然後是紫色圖標，如果事件是2然後是紅色圖標，如果事件是3然後是黃色圖標。我不會在日曆上顯示任何標題或任何內容，只是我想顯示代表哪個特定事件正在進行的圖標。 – 2012-08-15 07:36:07

我在創建數組之前正在考慮的問題，我可以使用它嗎？所以基本上如果$ term_name =='xmas'那麼不同的數組，如果$ term_name ==「boxing day」那麼不同的數組。 – 2012-08-15 07:37:47

'eventRender'回調讓你可以完全控制事件元素的渲染。所以，你可以在渲染之前修改它。在這裏你可以檢查你的條件並根據需要分配合適的圖像。 – ganeshk 2012-08-15 13:12:48

我也回答了類似的不是很久以前的東西：

jquery-fullcalendar-plugin-with-check-box

在這個問題的答案，我給了兩個可能的選項。 Checkout選項1，在這裏我展示瞭如何使用css和fullcalendar事件對象上已有的「className」字段將全局日曆事件添加到fullcalendar事件中。我在製作網站上成功地使用了這種方法，爲特定類型的事件添加小圖標。

我的選項2與ganeshk提出的基本相同 - 使用eventRender回調。

來源

2012-08-15 22:37:18 bmode

我已經修復了它。這很簡單:)如果其他條件涉及！當然，在它轉到json和使用事件呈現之前，每個事件都會分配classname。 – 2012-08-16 05:49:24

json文件可以包含一個imageurl條目。

在fullcalendar.js（線6268和5054），我加入這個代碼：

var imageurl = ""; 
if (event.imageurl) { 
    imageurl = '<img src="'+event.imageurl+'" width="20"/>'; 
}

線6295：

htmlEscape(event.title) + imageurl +

線5059：

titleHtml = 
      '<span class="fc-title">' + 
       (htmlEscape(event.title || '') || '&nbsp;') + // we always want one line of height 
       imageurl + 
      '</span>';

來源

2015-07-13 12:33:53

如何添加圖像到特定的事件，jquery完整的日曆

回答

相關問題