4

選択したセルの背景色の変更を処理するclassNamefc-selectedを選択した日に追加しました。私は家が空いていて、次のテキストに変更colorするだけでよいと思って、日付イベントが日付セル内ではなく、その上下に絶対に配置されていることに気付いたとき、髪の毛の束をいくつか強制的に削除しました。カレンダーで選択した日付のイベントのDOMをターゲットにするにはどうすればよいですか？

基本的に、日付セルの背景色は選択時に濃い赤になり、タイトルテキストを一時的に白に変更する必要があります。

4

2 に答える 2

8

イベントの設定ができます

textColor: whiteまたは #FFF

http://arshaw.com/fullcalendar/docs/event_data/Event_Object/

eventTextColorイベントの再読み込み中に設定することもできます

http://arshaw.com/fullcalendar/docs/event_rendering/eventTextColor/

于 2012-12-03T12:11:07.803 に答える
1

実際、何度も試しましたが、textColor または eventTextColor のバリエーションはまったく機能しませんでした。そこで、色の属性を手動で変更してみました。

.portlet.calendar .fc-event .fc-time {
    color: white;
}

.portlet.calendar .fc-event .fc-title {
    color: white;
}

このような単純な JavaScript を使用すると、fullcalendar の font-color を設定することもできます。

var colorStyle = document.getElementsByClassName('fc-title');

for (var i=0; i<colorStyle.length; i++) {
    colorStyle[i].style.color = 'white';
}
于 2017-10-12T12:48:33.287 に答える