全日曆單元格中的動態內容

如何在全日曆日期字段中顯示不同的內容。請看下面的小提琴。全日曆單元格中的動態內容

在這裏，我已經顯示的跨越「60％」的靜態數據。我想在一個字段中顯示不同的內容。

例如，

我想顯示像60％，70％，50％，80％，90％，45％，62％等在隨機的小區這個任何靜態數字。

我該怎麼做。請幫幫我。

$('#calendar').fullCalendar({ 
 
\t header: { 
 
\t \t left: 'prev,next today', 
 
\t \t center: 'title', 
 
\t \t right: 'month,agendaWeek,agendaDay' 
 
\t }, 
 
\t defaultDate: '2014-06-12', 
 
\t editable: true, 
 
}); 
 
$("td.fc-day.fc-widget-content").append("<span style='font-size: 30px;font-weight: 600;color: green;'>60%</span>");

body { 
 
\t margin-top: 40px; 
 
\t text-align: center; 
 
\t font-size: 13px; 
 
\t font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
 
} 
 

 
#calendar { 
 
\t width: 900px; 
 
\t margin: 0 auto; 
 
}

<div id='calendar'></div>

來源

2016-07-19 sathish kumar

您是否嘗試過的東西？ – jolmos

我有動態的json數據。但我想靜態POC。所以在靜態我不知道。 –

嗯，我相信fullcalendar必須有一些東西來管理單元格內的數據，但如果你只想一個一個地填充這些單元格，而不是直接使用'append'，你可以使用jQuery'each'功能......像這樣：http://jsfiddle.net/3jyxs6Lc/ – jolmos

如果我理解你，試試這個：

Fiddle

$('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    defaultDate: '2014-06-12', 
    editable: true, 
}); 
$("td.fc-day.fc-widget-content").each(function() { 
     var nums = [40,50,60,70,80,90,30,40,10]; 
     $('<span class="appendedNo">' + 
       nums[~~(Math.random()*nums.length)] + 
      '</span>').appendTo($(this)); 
})

來源

2016-07-19 08:01:49 Todd

對方回答的作品，但它不是操縱fullcalendar的事件的正確途徑。這些更改將在視圖更改時丟失。你要麼需要把這個代碼放到viewRender:和所有的方法是更新事件，或使用fullcalendar的內置更新方法：

event.title = event.title + "60%"; 
$('#calendar').fullCalendar('updateEvent', event);

來源

2016-07-19 08:11:23 K48

全日曆單元格中的動態內容

回答

相關問題