私はjquery Fullcalendarスクリプトhttp://arshaw.com/fullcalendar/を使用していますが、対応する1日のブロックにタイトルを表示するのではなく、イベントがあるときに1日のブロックをクリック可能にしたいと考えています。これを行う方法はありますか?どんな助けでも大歓迎です。FullCalendarイベントby
答えて
ブロック上でレンダリングする要素のスタイルを変更するeventRender()コールバックを提供できます。
編集:カレンダーセルとイベントの間には関係がありません。 FC自体でも、イベントをドラッグするとセル上にオーバーレイが作成されます。私は、FCがオーバーレイをどのように作成するのかと同様に、セルをカバーするように要素をスタイルすることができると提案しました。それがあなたの望むものでなければ、FCのソースを調整する必要があります。
私はこれを試してみました:
ライン2175を、追加します。t.getBodyCells = function() { return bodyCells };
eventRender: function(event, element, view) {
var cell = view.dateCell(event.start);
var colCnt = view.getColCnt();
var bodyCell = view.getBodyCells();
var cellElement = bodyCell[cell.row*colCnt + cell.col];
$(cellElement).css('background-color', 'red');
}
あなたは今、セル上のクリックイベントハンドラを設定し、イベントのレンダリングを無効にすることができます。
あなたのソリューションはクリック可能にならないでしょう。それを使って1日にイベントをレンダリングすることができます。作者は、イベントをレンダリングするのではなく、クリック可能にすることが可能かどうかを尋ねました(そして私も疑問に思っています)。 –
これは有望そうです。ちょうど最後の質問ですが、どうすれば 'cell.row'と' cell.col'を得ることができますか? –
'view.dateCell()'を使用してください。 'bodyCell'と一緒になって、特定のビュータイプに対してのみ存在します。また、イベントがなくてもすべてのセルをクリック可能にしても構わない場合は、 'dayClick:function(date、allDay、jsEvent、view){' – Tuan
- 1. Fullcalendarイベントの幅
- 2. FullCalendarのイベント
- 3. イベントのID(Fullcalendar)
- 4. Javascript Fullcalendar - イベントのコピー
- 5. FullCalendarイベントの削除
- 6. ハンドブックasp.netのjquery fullcalendarイベントC#
- 7. Fullcalendarイベントを並べ替え
- 8. Fullcalendarはここでイベント
- 9. FullcalendarイベントagendaDayとagendaWeekviewの幅
- 10. Fullcalendar超薄型のイベント(CSSのバグ)
- 11. FullCalendarでイベントの幅を編集
- 12. Fullcalendarでイベントが表示されない
- 13. ASP.NET MVC5 jQuery FullCalendarイベントを取得する
- 14. jQuery MobileとFullcalendar - イベントを選択
- 15. FullCalendarのイベントJSONはアジェンダに{Day、Week}
- 16. fullCalendarイベントをMySQLに送信する
- 17. FullCalendarの色の変更新しいイベント
- 18. Facebookのイベントby Cron Job Struggle
- 19. FullCalendarイベントのイベント/タイトルの前後に余白があります。
- 20. 今週の週イベントを表示するFullCalendarイベント
- 21. FullCalendar -
- 22. FullCalendar:イベントを削除しますが、このイベントを更新できません
- 23. FF11 +とIE8でfullcalendarでarentイベントをレンダリングする理由+
- 24. 真夜中にわたるFullcalendarイベント選択?
- 25. FullCalendar - jqueryとAJAXでイベントを更新する
- 26. FullCalendarでのイベントの追加 - 動作しません
- 27. JQuery FullCalendarでSpeceficイベントの背景色を変更する方法
- 28. fullcalendarでイベントに関する詳細情報を追加
- 29. JQuery FullCalendar 1.1プラグイン - イベントの変更をサポートしていますか?
- 30. jQuery FullcalendarはIE7/8でイベントを表示しません
同じ日に複数のイベントが発生した場合、どのように機能しますか?それとも、これはあなたの使用には起こりませんか?私は後者の場合、私に助けてくれます。 – cardiac7