0

ご覧のとおり、FullCalendarのデフォルト レイアウトは次のようになります。 ここに画像の説明を入力

こんな感じに変えたい ここに画像の説明を入力

その Room Column はカスタムのものです。つまり、データベースから取得したものです。私が本当に知りたかったのは、そのようなレイアウトを実現する方法であるため、今のところ重要ではありません。

正直なところ、どこから始めればよいかわかりません。そのため、ここで SO を実行しています。私はインターネットでいくつかの例を見てきましたが、何も見つかりません。

そのようなレイアウトをどのように開始すればよいでしょうか? あなたの助けは大歓迎です!

どうもありがとうございました!

4

2 に答える 2

1

FullCalendar は、カスタマイズによってこの柔軟性を提供していないと思います。ライブラリを拡張または変更することでより良い解決策を見つけることができますが、変更しない場合の解決策は次のようになります。

  1. 「相対ビュー」は「週ビュー」である必要があります。そうすれば、(必要に応じて) 曜日が表示されます。
  2. 「select 関数」を設定して、常に「allDay」を「true」に設定します。この時点で、必要なものは揃っていますが、1 つの部屋/列だけです。
  3. 各部屋 (行) を新しい FullCalendar に変換します。
  4. 必要に応じて CSS を変更 (上書き) します。
于 2013-07-24T17:35:17.940 に答える
1

ただ頭を上げてください。徹底的な調査を行ったときに、この問題を解決することができました。誰かがすでにこの種のソリューションを開発していることがわかりました。最初に SO でこのリンクを見つけました: fullcalendar 列を行に変更

次に、コメントを読むと、ここにたどり着きましたhttp://tux.fi/~jarnok/fullcalendar-resourceviews/

もちろん、少し調整する必要がありますが、これで十分です。

これが誰かに役立つことを願っています。

乾杯!

于 2013-07-25T05:09:07.140 に答える