Built on WIX Headless

ドキュメント ウィジェット Calendar ウィジェット

Calendar ウィジェット

CMS for Harmony で、DATE または DATETIME フィールドから月/週カレンダー上に CMS イベントを表示します。

Calendar ウィジェットは、DATE または DATETIME フィールドからコレクションアイテムを月または週カレンダー上にプロットします。

できること

  • AI setup — 日付フィールドとカレンダー表示を平易な言葉で説明;AI setup を参照
  • Data source — Wix CMS コレクション、または External Database(Google Sheets、Pro);External databases を参照
  • 複数日イベント向けの任意の終了日
  • 検索とフィルター(Table と Repeater と同じマッチ条件、範囲、固定 Choose value フィルター、Dependent filters、Add as URL query params、Reference フィールド、Color スウォッチ)
  • Filters display: 検索とフィルターを上部、または左サイドバーに配置
  • Data refresh — Show refresh button および/または Auto-refresh で、表示中の範囲の最新イベントを再読み込みできます
  • イベントをクリックして詳細を開く、Dynamic Page へ移動(Wix CMS)、または何もしない
  • 週の開始を日曜または月曜;12時間/24時間表示
  • 色とフォントのスタイル;1日あたりのイベント数制限;コンパクトなモバイル動作

セットアップ

パネルの AI setup で平易な言葉から始め、その後 Manual で調整します。詳細: AI setup。

  1. Add → Elements → Installed Apps → CMS for Harmony から Calendar を追加します(同じウィジェットを複数回追加できます)。
  2. 日付(と任意の終了日)フィールドがあるコレクションを接続 — または Data source を External Database に設定し、Google Sheets 接続(Pro)を選びます。
  3. 必要に応じて検索/フィルター、Data refresh、Filters display、クリック動作、週の開始、スタイルを設定します。
  4. 公開します。

Data refresh

Data refresh で Show refresh button および/または Auto-refresh をオンにし、表示中の範囲の最新イベントを再読み込みできるようにします。Auto-refresh はタブが非表示のとき一時停止します。同じページの Form で Update displays on this page が有効で、同じコレクションを使っている場合、送信後にこのウィジェットも再読み込みできます。

ワークショップ、予約一覧、CMS アイテムまたは同期シートに裏打ちされた編集カレンダーに最適です。