1

私はjQueryweekcalendarプラグインを使用して、予定のあるWebベースのカレンダーを表示しています。すべてのイベントの色は、このCSSパートで設定されます。

.wc-cal-event {
    background-color: #00BFFF;
    font-size: 0.8em;
    position: absolute;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    width: 100%;
    border: 1px solid #000;
    font-weight: normal;
}

カレンダーの新しい予定がカテゴリに属する​​という機能を実装しました（Outlookなど）。このカテゴリに基づいて、予定の背景色を変更する必要があります。たとえば、赤にする必要があります。

イベントの背景を動的に変更するにはどうすればよいですか？変更する.wc-cal-eventと、各イベントのすべての背景が影響を受けます。

回答ありがとうございます。

4

2 に答える 2

2

これは、次の関数で実行できます。

eventRender : function(calEvent, $event) {
    $.ajax({
        url: url,
        dataType: 'json',
        async: false,
        success: function(data) {
            $.each(data, function(i, appointment) {
                $event.css('backgroundColor', appointment.htmlColor);
                $event.css('color', appointment.textColor);
            });
        }
    });
}
于 2013-01-29T17:36:11.663 に答える
1

各イベントに独自のクラスを与えます。たとえば.wc-cal-event.meeting、それにスタイルを適用します。

于 2013-01-28T17:39:21.040 に答える