FullCalendar - 是否可以更改/添加文本？

Question

如下圖所示，是否可以動態更改/添加文本或任何內容？

用調試器檢查後每天都有其他的css名稱。

fullCalendar.io

Answer 1

我相信同事的礦用dayRender幾天前爲此確切的目的。

像這樣的東西可能會工作，但它是未經測試的代碼。

dayRender: function (date, cell) { 
    cell.text(moment(date).format('DD')); 
} 

我們正在使用moment.js庫格式化單元格上的日期。

Answer 2

這就是我使用的，它有點複雜，但你可能會找到你想要做的。 它使用一個JS函數來改變提供給FullCallendar的事件列表和一個JS鉤子以在特定事件上添加一個html標記（Glyphicon）。

// JSON of all events 
var allEvents = <?php echo $json; ?>; 

    // set the fullCalendar 
$('#calendar').fullCalendar({ 

    header: { 
    left: '', 
    center: 'title', 
    right: 'prev,next today' 
    }, 
    weekends:false, 
    fixedWeekCount:false, 
    // our own JS function to filter the event 
    events: function(start, end, timezone, callback) { 
    var filteredEvents = []; 
    var noDuplicateAssignment = []; 
     // we walk on every event to filter every duplicate 
    $.each(
     allEvents, 
     function (key, oneEvent) { 
      // we just display allUnique 
     if (noDuplicateAssignment.indexOf(oneEvent.id) < 0) { 
      filteredEvents.push(oneEvent); 
      noDuplicateAssignment.push(oneEvent.id); 
     } 
     } 
    ); 
     // we supply our events to the fullCalendar callback 
    callback(filteredEvents); 
    }, 
    // hook to add the glyphicon on electronic==TRUE event 
    eventRender: function (event, element) { 
    if(event.electronic) 
     element.find('.fc-content').prepend(
     '<i class="glyphicon glyphicon-envelope"></i> ' 
     ); 
    } 
}); 

---

如果你正在談論的內容，最好是使用JSON格式的輸入數據。

使用Json，您可以編輯JavaScript Json對象並調用此新對象的渲染以獲得您想要的效果。 http://fullcalendar.io/docs/event_data/events_array/