FullCalendar - 加粗標題？

我能夠在全日曆中大膽地使用事件標題嗎？FullCalendar - 加粗標題？

$("#calendar").fullCalendar({ 
     theme:true 
}); 

var title = "A Title"; 
var startDate = "new Date()"; 
var endDate = "2020-01-01 00:00:00"; 
var event = { 
       title : title, 
       allDay : true, 
       start : moment(startDate), 
       end : moment(endDate), 
       backgroundColor : '#ffffff', 
       textColor: '#000000', 
      } 
$("#calendar").fullCalendar('renderEvent',event);

我怎麼去呢？與Html或有內置的方式？

來源

2017-02-13 Kolob Canyon

CSS可能是最簡單的/最佳途徑，如果你希望所有的標題被加粗。 span.fc-title {font-weight：bold; } //我認爲應該這樣做。 – smcd

@smcd我在想如果可能的話，只加標題的某些部分會很好 –

在eventRender回調函數中第一個參數會幫助你。這個例子應該大膽地標題。您可以像這樣在fullcalendar的初始化程序中設置所有回調函數。然後，只是把回調函數在同一個js文件

$("#calendar").fullCalendar({ 
    theme:true, 
    eventRender:eventRenderCallback, 
}); 


function eventRenderCallback(event, element, view){ 
    var title = element.find(".fc-title").val(); 
    element.find(".fc-title").html("<b>"+title+"</b>"); 
}

來源

2017-02-13 20:49:45 Daffy13

你可能想打印出事件對象。我以不同的方式檢索事件，標題可能在您身邊。 – Daffy13

我不認爲我明白我的代碼在哪裏調用它？ –

我更新了答案，它應該更清楚地解釋它 – Daffy13

看來，我不能使用達菲的答案。

我什麼工作原理是：

$("#calendar").fullCalendar({ 
      eventRender: function (event, element, view) { 
        $(element).css("font-weight", "bold"); 
      }, 
     });

來源

2018-03-08 09:15:49

FullCalendar - 加粗標題？

回答

相關問題