3

私は新しくFullCalendarに取り組んでいます。このスレッドに従って、ページの日付ピッカーから選択すると、特定の日付に移動できます。

FullCalendar を週表示で表示しています。fc-state-highlightここでの問題は、週ビューでは、行った日にクラスを適用できないことです。週に必要な日付がありますが、強調表示されることはありません。

ただし、使用して現在の日付から同じクラスを削除できます

$('.fc-today').removeClass('fc-state-highlight');

上記のクラスを最新のものに追加する必要があります。

どんな助けでも大歓迎です。

編集:私は自分で解決策を投稿しました。

4

2 に答える 2

6

OK みんな、私は自分の問題の解決策を考え出しました。

FullCalendar サイトのこのドキュメントに従って、コールバック メソッドを使用しdayRender()て問題を解決しました。

上記のメソッドには、 と の 2 つのパラメータがdateありcellます。最初のものは、週のすべての日を表示しbasicWeekます。したがって、必要な日付が variablereqDateに格納されている場合、次のようにしました。

$('#my-div').fullCalendar({
    year: reqDate.getFullYear(),
    month: reqDate.getMonth(),
    date: reqDate.getDate(),
    dayRender: function(daysOfWeek, cell)
    {
        if(reqDate.getDate()==daysOfWeek.getDate())
        {
            $(cell).addClass('fc-state-highlight');
        }
        else
        {
            $(cell).removeClass('fc-state-highlight');
        }
    }
});

それでおしまい ：）

于 2013-11-05T09:41:10.747 に答える
1

onload と prev および next ボタンの間に新しいイベントを作成できます。

関数は、次のように現在の週をチェックする必要があります。

$( "table.fc-agenda-days" ).hasClass( "td.fc-today" )

or

if ($("table.fc-agenda-days").find("td.fc-today").length > 0){ 
    $("table.fc-agenda-days td.fc-widget-content").addClass('fc-state-highlight');
}

お役に立てれば。

于 2013-11-05T08:02:22.703 に答える