fullcalendar - fullCalendarで営業時間のみを表示するには?

Question

jQuery fullCalendarを使用しています。クライアントは、営業時間のみをカレンダーで確認したいと考えています。それは可能ですか？どのように？

例: 営業時間は午前 9 時から午後 1 時までと午後 3 時から午後 10 時までです。

score 11 · Accepted Answer

minTimeおよびmaxTimeオプションを使用すると、最初と最後の時間を設定できます。とはいえ、真ん中に休憩のあるカレンダーはあり得ないと思います。

おそらく、昼食という定期的なイベントを作成し、実際のイベントとは異なる色で着色することができます

score 1 · Accepted Answer

営業時間を適用できるフルカレンダーの更新がありました

ただし、その日のうちに休憩を挟むことはできないと思います。

Javascriptを使用して特定の期間の選択を防ぎ、cssを使用して、選択したくない領域を強調表示した同様の問題に対する私のアプローチを見つけることができます..

score 0 · Accepted Answer

目的の行 (ビジネス/休憩時間以外) を完全に非表示にするには、fullcalendar.js 内の次のメソッドを変更する必要があります。

// Generates the HTML for the horizontal "slats" that run width-wise. Has a time axis on a side. Depends on RTL.
renderSlatRowHtml: function() {...}

次に、html コードを追加する while 句を入力しないようにします。

while (slotTime < this.maxTime) {...}

その while 内に if 句を追加するか、構成パラメーターを入力してその while 反復内をチェックするために、さらに多くの作業を行うことができます。

score 0 · Accepted Answer

休憩時間の非表示は、私の知る限りまだ不可能ですが、バージョン 2 では、非営業時間の非表示に使用できるようになりましたminTime。maxTime

6 に答える 6