Fullcalendar如何在DayCell中顯示html元素？

你好，我想在daycell中顯示html元素但沒有成功，但我無法在日曆旁顯示它如何顯示它在daycell中？我使用的2.1.1版本Fullcalendar如何在DayCell中顯示html元素？

的Javascript

dayClick: function(date, view ,calEvent, jsEvent) { 
       $(this).css('background-color', '#DDDDDD');    
       /*calEvent.start=moment(calEvent.start).format('YYYY/MM/DD hh:mm'); 
       calEvent.end=moment(calEvent.end).format('YYYY/MM/DD hh:mm');*/     
       $('#myResults').html("10/5"); 
      },

HTML

<div align="center" id="myResults" style="width:auto;height:auto;background:#AFEEEE;z-index:10001;font-size: 1em;"> </div>

來源

2014-10-28 Boldbayar

當你到底想顯示你的HTML？在加載完成？或點擊單元格？ – hina10531 2014-10-28 02:24:32

@ hina10531加載完成 – Boldbayar 2014-10-28 02:40:05

以及您使用的是哪個版本？ – hina10531 2014-10-28 02:51:50

嘗試eventRender回調，你可以趕上吸取了細胞事件的渲染時間。

eventRender: function(event, element) { 

     // event means the event data you inserted. 
     // element means the DOM. 

     // standard event data has properties like this. 
     // event.title, event.start, .... 

     // and the element DOM has <span class='fc-title'></span> for 'event.title' string data. 
     // setting your html string to event.title doesn't help. It will show it as plain text. 

     var customHTML = '<div align="center" id="myResults" style="width:auto;height:auto;background:#AFEEEE;z-index:10001;font-size: 1em;"></div>'; 
     $(element).find('.fc-title').html(customHTML); 


}

這將工作。我打算在JSFiddle上做這個，但是v.2.1以上的fullcalendar需要更多的庫和它的預定義的目錄結構，我無法正確生成它。

嘗試在初始化fullcalendar時給出上面的代碼作爲選項。

來源

2014-10-28 04:16:40 hina10531

+1謝謝先生 – Boldbayar 2014-10-28 05:13:47

這是工作負載：d

dayRender: function(date, element, view){ 

       var nDate = new Date(); 
       if(date < nDate) { 
        $(element).css("background", "#D1EEEE");      
        } 

       $(element).html("10/5").css('color', '#e50000'); 

       },

來源

2014-10-29 02:18:26 Boldbayar

Fullcalendar如何在DayCell中顯示html元素？

回答

相關問題