10

フルカレンダーでセルの背景色を設定する方法に関するトピックをいくつか見ましたが、どれもうまくいきませんでした。カレンダーは、.fc-day5 や .fc-day17 などの日付を使用して日付をリストしていたと思いますが、バージョン 1.6.2 ではそうではありません。

レンダリングされているいくつかのイベントのリストがあり、それらのセルの色 (イベント セルだけでなく、1 日のセル全体) を特定の色に設定したいと考えています。

「eventRender」を使用してクラスを設定しようとしています

eventRender: function (event, element, monthView) { 
                if (event.className == "holiday") {
                    $day = $date.getDate();
                    $("td.fc-day-number[value='" + $day + "']").addClass("holiday");
                }
            },

背景色を設定する方法について何かアイデアがあれば教えてください。

4

2 に答える 2

15

イベントの背景色を設定してみることができます。このようなもの：

event.backgroundColor = 'cccccc#';

またはセルの背景の場合:

$('.fc-day[data-date="' + date + '"]').css('background', color);

dateY-m-dPHPの日付形式と同等の日付文字列である必要があります。カレンダーがレンダリングされたときにスタイルを変更する必要があります。

于 2013-07-22T12:12:12.117 に答える
11

さて、あなたはこれを行うことができます。

{
  title: 'Some title',
  start: new Date(2014, 8, 24, 10, 30),
  allDay: false,
  editable: false,
  backgroundColor: '#SomeColor',
  borderColor: '#SomeColor'
},
{
  title: 'Some title2',
  start: new Date(2014, 8, 24, 10, 30),
  allDay: false,
  editable: false,
  backgroundColor: '#SomeColor2',
  borderColor: '#SomeColor2'
}

さらに、次のようにクラス名を設定できます。

{
  title: 'Teste1',
  start: new Date(y, m, d, 10, 30),
  allDay: false,
  editable: false,
  className: ["red"]
},
{
  title: 'Teste1',
  start: new Date(y, m, d, 10, 30),
  allDay: false,
  editable: false,
  className: ["green", "secondClass"]
}

次に、そのスタイルのクラスについて説明します

<style>

.red {
    background-color:red;
}

.green {
    background-color:green;
}
.green{
// do something
}
</style>
于 2014-11-07T22:55:51.167 に答える