カレンダビュー最終更新日: 2021年7月22日

カレンダビューを用いた「スケジュール」モデルの例を紹介します。標準は「月」表示ですが、「日」「4日間」「週」を切り替えることができます。

カレンダビュー月表示
カレンダビュー週表示
カレンダビュー4日間表示
カレンダビュー日表示

タイトル部をマウスでクリックすると、詳細情報を示すダイアログが開きます。このダイアログから「詳細画面への遷移」「更新画面への遷移」「削除」を行うことができます。

詳細ダイアログ

新規登録画面へ遷移する

カレンダの日付をダブルクリックすると、新規登録用のダイアログが開きます。

日付をダブルクリックすると表示されるダイアログ
モデルを選択し、タイトルと開始・終了日時を指定できる
新規登録画面が開く

設定方法

モデルの設定

スケジュールモデルの設定を示します。「開始日付時刻」と「終了日付時刻」項目はそれぞれ「日付・時刻型」とします。

スケジュールモデルの設定
日付・時刻型の詳細で、日付時刻を選択する

カレンダビューの設定

「画面>ビュー>カレンダビュー」を開きます。「画面を作成する」をチェックします。

カレンダビューの設定

項目設定欄に、モデルの項目を割り当てます。次のルールがあります。

設定値 対応する項目の型 説明 必須
開始日時 日付時刻 この日付情報を元にカレンダビューに表示を行います。
終了日時 日付時刻 この日付情報を元にカレンダビューに表示を行います。開始日時と終了日時は複数日にまたがることもできます。(5月1日から5月5日まで、など)
タイトル 文字列、整数、モデル参照 カレンダビューに表示する項目として設定します。
担当者 文字列、整数、モデル参照 カレンダビューに表示する項目として設定します。 -
場所 -
備考 -
URL -
終日 カレンダ終日フラグモデル参照 この値をセットすると、終日イベント扱いになります。[後述] -

重要

開始日付時刻と終了日付時刻、タイトルの3つは必ず設定してください。

メニューの設定

「スケジュールカレンダビュー」ボタンをメニューに用意します。ここでは背景色も変えています。

メニューの設定

カレンダ表示時のモデルの色

モデルの色を指定することができます。「橙色」に変更した例を示します。

カレンダ表示時のモデルの色を変更する
色が変更された

カレンダの時刻表示範囲

設定方法

カレンダの時刻表示範囲(開始時刻、終了時刻)を指定できます。

時刻表示範囲の設定

「日」「4日間」「週」形式において、指定した開始時刻から終了時刻までの範囲で表示されるようになります。

時刻表示範囲を指定したカレンダビュー

ドラッグ&ドロップによる変更

カレンダ上で、スケジュールをドラッグ&ドロップ操作することができます。日付・時刻を変更できます。

ドラッグ&ドロップによる操作

終日イベントとする

そのイベントを「終日」とすることができます。月単位の場合、表示方法が変わります。

終日イベントの表示(月単位)

週単位の場合、開始時間軸の上部に表示されます。

終日イベントの表示(週単位)

設定方法

終日フラグを格納する項目を用意します。

終日フラグを格納する項目を用意する

システムが提供する「カレンダ終日フラグ」を参照します。入力タイプは「チェックボックス」としてください。

終日フラグのモデル参照設定

データの登録

対象イベントを登録する際、終日フラグをセットしてください。

終日イベントの開始と終了の設定
新規登録時に終日フラグを有効にしたとき開始日時は0:00となります。終了日時は開始日時の翌日となります。

休日の扱い

同梱している休日情報

Thunderbird が提供する日本の公休日情報 "JapanHolidays.ics" をベースに、ジャスミンソフトが加筆修正したデータを同梱しています。

独自の休日を設定する

会社の創立記念日など、独自の休日情報を設定することもできます。(準備中)

仕様・制約

  • カレンダビューの「開始日付時刻」「終了日付時刻」「タイトル」「終日フラグ」の4項目は「スクリプト > モデル > 登録(初期データ作成) 」を設定しないでください。これらの項目には暗黙に式がセットされます。(ダイアログに入力された値を受け取る式となっています。)
  • カレンダビューの「開始日付時刻」「終了日付時刻」に指定されている項目は、「値をデータベースに保存する」を指定する必要があります。
  • カレンダビューの「開始日付時刻」「終了日付時刻」に指定されている項目が自動計算によって導出される場合、ドラッグ&ドロップによる移動操作は無効になります。
  • 開始日時と終了日時の時刻がいずれも0時0分0秒の場合、このデータはカレンダビューに表示されません。また、開始日時と終了日時が逆になっているような場合も表示されません。

対象とするUI

機能 標準UI スマートフォンUI SPA UI
カレンダビュー