15

FullCalendarを使用して、特定の日を他の日とは異なる方法でプログラムで色付けする方法はありますか？たとえば、「月」または「週」ビューで、イベントがない日を「赤」に、イベントがある日（まだ完全なスケジュールではない）を「黄色」に色付けしたいと思います。フルスケジュールの日は通常どおり色付けされます（白い背景）。この動作を追加するために利用できるコールバックまたはCSSタグはありますか？ありがとうございました。

4

6 に答える 6

3

view render を使用して、特定の日に色を付けます。

viewRender: function(view,element){
                    $.ajax({
                        url: //your custom url,
                        data: {start:view.start.format(),end:view.end.format()},
                        type: 'GET',
                        dataType: "json",
                        contentType: "application/json",                
                        success: function (data) {
                            $.each(data, function(i) {
                                $('.fc-day[data-date="'+data[i]["date"]+'"]').css('background', Your Color Code);
                            });
                        }
                    });
                },
于 2015-07-30T06:37:10.883 に答える
2

私はgravityoneの最初の反応に同意します。機能リクエストを追跡できます。

コアコードを変更せずにこのタイプの機能を実装するエラープルーフの方法があるとは思いません。あなたが今来ることができる最も近いものは次のようなものだと思います。ただし、イベントソースを使用してaddClass（）へのこれらの呼び出しを作成する必要があります。これは、完全なカレンダービューでのみ機能し、ビューに2回表示される月の日がある場合に「休憩」します（前月または翌月から）。

$("div.fc-day-number:contains('15')").parent().addClass("vacation");

<style>
            .fc-grid .vacation {
                background-color:#F00;
            }
</style>
于 2010-05-06T14:57:04.777 に答える
1

FullCalendar は非常に堅牢な jquery カレンダーのようであり、これのソース コードを編集すると、作成者によって更新されたときに、後で問題が発生する可能性があります。私の提案は、作者に電子メールを送り、機能を追加するか、必要に応じてフィールドを編集する方法に関する情報を依頼することです.

2 番目のアイデアは、それぞれの状況が満たされたときにどの CSS セレクターが生成されるかを調べ、状況に合わせて背景色を変更することです。これにより、FullCal ソースが更新のために解放され、必要なものが提供されます。

それが役立つことを願っています。

于 2010-04-02T08:46:04.733 に答える