2017-02-13 2 views
1

フルカレンダーでイベントのタイトルを太字で表記できますか?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で、またはそこに組み込まれている方法ですか?

+0

CSSは、最も簡単な/最適なルートかもしれません。 span.fc-title {font-weight:bold; } //私はそれを行うべきだと思います。 – smcd

+0

@smcd可能であれば、タイトルの特定のセクションだけを太字にするといいと思っていました。 –

答えて

1

eventRenderコールバック関数では、最初の引数が役に立ちます。この例では、タイトルを太字にする必要があります。このようにフルカレンダのイニシャライザですべてのコールバック関数を設定することができます。次に、コールバック関数を同じ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>"); 
} 
+0

イベントオブジェクトを印刷することができます。私はイベントを別々に取得し、タイトルがあなたのためにあるかもしれません。 – Daffy13

+0

私のコードでこれをどこから呼び出すのか分かりません。 –

+0

私は自分の答えを更新し、より明確に説明する必要があります – Daffy13

0

私はDaffyの答えを使用できないようです。私の作品は何

です:あなたはすべてのタイトルを太字にする場合は

$("#calendar").fullCalendar({ 
      eventRender: function (event, element, view) { 
        $(element).css("font-weight", "bold"); 
      }, 
     }); 
関連する問題