Salesforce AppExchange で近日公開

Date: Salesforce の複数日付・期間ピッカー

必要なだけ日付をクリックし、ドラッグで期間を選び、繰り返しパターンも追加できます。日付はすべて Salesforce のレコードに保存されます。

または今すぐ MultiDatePick のライブデモを試す (ログイン不要) →

画面フロー、レコードページ、アプリケーションページ、ホームページ、Experience Cloud サイトで動作。5 つの表示、Apex 不要。

Salesforce の MultiDatePick Dates コンポーネントのアニメーションデモ: 休暇申請に名前を付け、感謝祭の週の 3 日間をドラッグで選択し、金曜日をワンクリックで追加して、4 日分をまとめて保存
3 日をドラッグし、4 日目をクリックして、4 日分をまとめて保存。
今すぐ試せる: インストール不要、ログイン不要

MultiDatePick をブラウザで今すぐ試す

架空の会社 ACME Financial の公開 Salesforce サイトで、本物のコンポーネントが動いています。日付と空いている時間枠を選び、状況の色分けやバックオフィスを確認できます。1 時間ごとにリセットされます。

ライブデモを開く →
9 言語に対応

ユーザーごとに自分の言語で表示

すべてのラベル、ボタン、メッセージは各ユーザーの Salesforce の言語設定に従います。設定は不要です。

Salesforce で複数の日付を選択できるようにする

標準の Salesforce 日付項目に入るのは 1 つの日付だけ。Date コンポーネントなら、ユーザーが選んだ分だけ保持できます。

必要なこと標準の日付項目MultiDatePick Date
飛び飛びの複数の日付✗日付ごとに項目が 1 つ必要✓何日でもクリック
開始日と終了日✗2 つの日付を入力✓カレンダー上をドラッグ
隔週の月曜日✗1 件ずつ入力✓繰り返しパターン 1 つで
日付ごとの状況✗できない✓任意の選択リストで色分け
後から日付を変更✗レコードを 1 件ずつ編集✓カレンダー上の編集モードで
画面フローで使う✗日付ごとに入力欄が 1 つ✓テキストコレクションまたは期間の JSON

クリック、ドラッグ、繰り返し: 日付を選ぶ 3 つの方法

3 つの方法を 1 回の選択で組み合わせられます。「元に戻す」と「すべてクリア」はいつでもワンクリック。

1クリック月内に散らばった日付を 1 つずつ選択。
2ドラッグ日付をドラッグして、期間を一度に選択。
3繰り返しパターン平日、週末、カスタム日。N 週ごと。第 2・第 4 金曜や最終土曜のように、月の第 1、第 2、第 3、第 4、最終を指定。
MultiDatePick の Salesforce 日付ピッカーで繰り返しパターンを設定するアニメーションデモ: 「繰り返しパターンを追加」、「カスタム日」、金曜、第 2・第 4、3 か月後の終了日を選ぶと 6 回の金曜がプレビューされ、「日付を追加」で 2 か月分のカレンダーに反映される
3 か月分の毎月第 2・第 4 金曜日を、パターン 1 つで。

ただの日付ピッカーではありません

60 以上のプロパティを、すべてクリックで設定。主なものは次のとおりです。

MultiDatePick の Salesforce 複数日付カレンダー: Candidate Availability の 1 か月。日付は Confirmed、Tentative、Pending で色分けされ、2 つの状況が混在する日は数字バッジが円グラフのように分割され、新しい日付用の状況の選択も表示

状況の色分け

任意の選択リスト値を色に対応付け。状況が 2 つある日は両方を表示。

MultiDatePick の Salesforce 2 か月表示の日付ピッカー: 2026 年 11 月と 12 月を並べて状況の色の日付を表示し、月をまたいだ計画に対応

2 か月表示

2 か月を並べて表示。長い期間や四半期の計画に。

Salesforce カレンダーでの MultiDatePick 編集モードのアニメーションデモ: Requested のレコードがある 2 日を選択し、「すべて選択」で両方を選び、状況を Confirmed に変更。「変更を適用」の後、その日が緑になる

編集モード

保存済みの日付の承認、移動、削除を、カレンダー上で一括処理。

  • 任意の項目を表示するホバーポップアップ
  • 任意のオブジェクトからブロック日付
  • 選択できる最も早い日と最も遅い日
  • 選択できる日数の上限
  • 事前に選択された日付
  • 特定の日付だけを選択可能に
  • 保存時に 2 つ目の選択リスト
  • レコード名を自動設定
  • 週の開始を月曜日に
  • 小・中・大
  • 9 言語
  • WCAG 2.1 AA

同じ日付レコードを 5 つの表示で

レコードも保存処理も同じ。既定の表示は View で設定し、ほかの表示は Available Views(利用可能な表示) で提供します。

MultiDatePick の Salesforce カレンダー表示のアニメーションデモ: 月が状況の色で埋まり、日付にカーソルを合わせるとその日のレコードを名前、時刻、状況付きで一覧表示するカードが開く

どの日?

  • 1 か月単位で、すべての日に状況の色を表示
  • クリックかドラッグで選択
  • 日にカーソルを合わせるとレコードを表示
  • 既定の表示

1 つのコンポーネントに 5 つのレイアウト。デモでは予定のサンプルデータを使っています。Date カレンダーは、自身の日付レコードから同じ表示を描きます。

レコードの保存方法: オブジェクトと項目のマッピング

レコードの形を選びます。保存はレコードを追加するだけで、既存のレコードを削除することはありません。

日付ごとに 1 件のレコード日月火水木金土5 件月火水木金出欠の返信、出席、オンコール当番の日、点検。既定の方式。
期間ごとに 1 件のレコード日月火水木金土1 件開始 火 〜 終了 土休暇、出張、複数日の作業、会場の設営。End Date Field API Name を設定。月曜から金曜は 5 件ではなく 1 件のレコードに。
自社の子オブジェクト設定例
日付を保存するオブジェクト子オブジェクトの API 参照名(Child Object API Name)Trip_Date__c
日付 (または期間の開始日)日付項目の API 参照名(Date Field API Name)Date__c
親への参照関係関連項目の API 参照名(Relationship Field API Name)Trip__c
期間の終了日 任意End Date Field API NameEnd_Date__c
状況の選択リスト 任意Status Field + Status ColorsStatus__c、Approved:green,Pending:orange
ホバー時の詳細 任意ホバー項目(Hover Popover Fields)Name,Status__c
ブロック日付 任意Blocked Dates Object、Date Field、Filter FieldHoliday__c、Date__c

API 名を入力する必要はありません。セットアップウィザードでは、オブジェクトも項目もすべてドロップダウンで選べます。

Salesforce 複数日付ピッカーの活用例

Date の 15 の活用例。ほとんどは Config Library に既製の設定があります。

有給休暇・休暇申請

月曜から金曜を 1 つの期間として保存。Pending、Approved、Denied がひと目でわかります。

  • 期間
  • 状況の色分け
  • 繰り返し

オンコール当番

四半期分の隔週月曜を 2 クリックで。Primary、Backup、Swapped で管理。

  • N 週ごと
  • 第 1〜最終
  • 既存を読み込み

イベントの出欠・参加登録

イベントの日付ごとに 1 件の出欠レコード。保存済みの出欠が表示されるので重複しません。

  • 日付ごとに 1 件
  • 既存を読み込み
  • 状況の色分け

プロジェクトのマイルストーンと期限

マイルストーンとレビュー日を、それぞれラベル付きでプロジェクトのレコードに。

  • 2 か月表示
  • レコード名

施設の利用禁止日

祝日や休業日を登録。ほかのカレンダーでは自動的にグレー表示されます。

  • ブロック日付
  • 任意のオブジェクト

コンテンツ公開カレンダー

毎週火曜と木曜をパターン 1 つで。日付を動かすだけで日程変更。

  • 繰り返し
  • ホバー時のポップオーバー
  • 編集モード

フィールドサービスの複数日の作業

月曜から金曜をドラッグして 1 件の作業レコードに。既存の作業が表示されるので重複を防げます。

  • 期間
  • 既存を読み込み
  • 状況の色分け

研修・講座の受講登録

数週間にわたる講座の日程を選択。休講日はグレー表示されます。

  • ブロック日付
  • 繰り返し

サブスクリプションと更新の管理

更新日をまとめて登録し、「Q3 Renewal」のように自動で名前を付けます。

  • 2 か月表示
  • 既定のレコード名

監査・コンプライアンスのスケジュール

会計年度を通じて毎月第 1 月曜を、状況で管理。

  • 毎月の第 N 週
  • 状況の色分け

設備の点検・保守

各資産のレコードに点検日を登録。施設の休業日は自動で除外。

  • レコードページ
  • ホバー時のポップオーバー
  • ブロック日付

不動産の内見可能日

物件のオープンハウスの日程を、自社サイトに参照専用の公開カレンダーとして表示。

  • Experience Cloud
  • 参照のみ

営業テリトリーの訪問計画

どの担当者がいつどのテリトリーにいるか。複数日の訪問は 1 件のレコードに。

  • 期間
  • 繰り返し

イベント会場の予約日

複数日のイベント、設営日と撤収日をそれぞれ 1 件のレコードに。

  • 期間
  • 状況の色分け

繰り返しのタスクの期日

10 月の毎週水曜、または毎月の最終営業日。

  • 繰り返し
  • 日付ごとに 1 件

時刻やリソースも必要ですか? Date Time はタイムグリッドを、Booking は会議室、人、定員を追加します。

Lightning ページに配置する

レコード、アプリケーション、ホーム、Experience Cloud の各ページに。フローを使わずに、日付が子レコードとして保存されます。

1最初に必要なもの日付項目と親への参照関係を持つ子オブジェクト。任意で終了日と状況。
2配置するLightning App Builder で Dates をページにドラッグし、Config Name を設定。設定はこれだけです。
3保存されるものページのレコードに紐付いた、日付ごとまたは期間ごとに 1 件のレコード。Load Existing Dates で保存済みの日付を表示します。
ページ設定するもの
レコードページConfig Name。ページのレコードが自動的に親になります。
アプリケーションページとホームページConfig Name と Static Parent Record Id。
Experience CloudConfig Name と Static Parent Record Id。Show In-Component Toast をオンに。
関連レコードのページParent Record Id Field: 本当の親を指す参照項目。
MultiDatePick の設定をインポートするアニメーションデモ: Web サイトの Config Library で「従業員の休暇申請」カードをコピーし、セットアップウィザードの [インポート] タブに貼り付け、すべての項目が解決されたことを確認してデプロイ。続いて Lightning App Builder で MultiDatePick Dates コンポーネントを Lightning ページにドラッグし、Config Name(設定名) を入力して保存
レコードページ: 休暇の設定をインポートし、Dates をページに配置して、設定名を入力。
Date コンポーネントの Config Name 設定のアニメーションデモ: MultiDatePick のセットアップウィザードで Employee_Time_Off をコピーし、Lightning App Builder で Date コンポーネントをページにドロップ。Config Name を貼り付けて Static Parent Record Id を入力すると、設定のすべての内容を反映した休暇カレンダーが表示される
アプリケーションページ: セットアップウィザードで設定名をコピーし、親レコードの ID と一緒に貼り付け。
保存後に概要を表示Show Inline (Always Visible) と Show Done Button in Inline Mode をオンにすると、保存後にカレンダーが選択した日付の概要カードに折りたたまれ、クリックすると再び開きます。

画面フローで複数の日付を選択する

Dates を画面にドラッグし、Config Name を設定します。チェックボックスの設定はすべてセットアップウィザードの設定から読み込まれます。

1最初に必要なもの日付用のテキストコレクション変数。期間も扱うならテキスト変数も。
2配置するConfig Name を設定し、Selected Dates (Output) をコレクションに割り当てます。
3受け取るもの変数に入った日付を、そのままループ処理に使えます。Parent Record Id を設定すればレコードも保存されます。
出力フローが受け取るもの
Selected Dates (Output)ISO 形式の日付のテキストコレクション: ["2026-07-10","2026-07-14"]
Date Ranges JSON (Output)隣り合う日付を期間にまとめたもの。Output Date Ranges as JSON をオンにする必要があります。
Parse Date Entries from JSON同梱のフローアクション: JSON をループ処理できる fromDate / toDate のエントリに変換します。

フロー専用の設定は、オンにしない限りオフのままです: Required、Show Inline (No Button)、Output Date Ranges as JSON。パターンの詳細は 画面フローガイドをご覧ください。

Salesforce 画面フロー (Screen Flow) による休暇申請のアニメーションデモ: ユーザーが MultiDatePick カレンダーで 3 日をクリックして送信すると、次のフロー画面に受け取った 3 つの日付が一覧表示される
3 日を選ぶと、3 つの日付が次の画面に渡されます。

仕様

Date コンポーネントの概要。

セキュリティSalesforce AppExchange セキュリティレビュー合格
データ100% ネイティブ: データは Salesforce の外に出ません。外部サーバーもコールアウトもありません。
Salesforce エディションEnterprise、Unlimited、Performance、Developer、Salesforce Platform、および業界向けクラウド。Essentials と Professional は対象外です。
利用できる場所画面フロー、Lightning レコードページ、アプリケーションページ、ホームページ、Experience Cloud サイト
選択方法日付のクリック、ドラッグによる期間選択、繰り返しパターン
繰り返しパターン平日、週末、カスタム日。N 週ごと。第 1、第 2、第 3、第 4、最終
保存形式日付ごとに 1 件、または終了日項目を使って期間ごとに 1 件のレコード。追加のみの保存。
フローの出力Selected Dates (ISO 形式の日付のテキストコレクション)、Date Ranges JSON + Parse Date Entries from JSON
制限選択できる日数の上限、最も早い日と最も遅い日、過去の日付の許可、任意のオブジェクトからのブロック日付
表示5 つ: カレンダー、タイムライン、週、稼働率、予定一覧。さらに 2 か月表示のレイアウト。
言語9 言語: 英語、スペイン語、フランス語、ドイツ語、イタリア語、日本語、ヒンディー語、ポルトガル語 (ブラジル)、中国語 (簡体字)
プロパティ60 以上、すべてクリックで設定。完全なリファレンス
セットアップセットアップウィザード、Lightning App Builder、Flow Builder。Apex 不要。
Salesforce API バージョン63.0

1 つのプランですべてのコンポーネント

Date、Date Time、Booking のすべてが同じライセンスに含まれます。

$20/ユーザー/月
  • 30 日間の無料トライアル
  • クレジットカード不要
  • 3 つのコンポーネントすべて
  • 今後のアップグレードもすべて含む
料金を見る

複数日付ピッカーに関するよくある質問

簡潔な回答です。詳しくはよくある質問のページをご覧ください。

Salesforce の日付項目に複数の日付を入れられますか?

いいえ。標準の日付項目に入るのは 1 つの日付、項目 2 つでも 1 つの期間だけです。MultiDatePick は、ユーザーが選んだすべての日付を親レコードの関連子レコードとして保存するため、1 件のレコードに何件でも日付を持たせることができ、それぞれに独自の状況を付けられます。

LWC で期間を選択するには?

MultiDatePick Date コンポーネントをページに配置し、日付をドラッグするだけです。End Date Field API Name を設定すると、隣り合う日は開始日と終了日を持つ 1 件のレコードとして保存されるので、月曜から金曜は 5 件ではなく 1 件になります。カスタム LWC を作る必要はありません。

画面フローで複数の日付を選択できますか?

はい。Date コンポーネントをフロー画面にドラッグし、Config Name を設定します。Selected Dates (Output) は、選択したすべての日付を ISO 形式の日付のテキストコレクションとして返します。Output Date Ranges as JSON をオンにすれば、Parse Date Entries from JSON アクションでループ処理できる開始日と終了日を受け取れます。

隔週の月曜日のような繰り返しの日付を選べますか?

はい。「繰り返しパターンを追加」ボタンで、平日、週末、カスタム日を選び、N 週ごとに繰り返し、月の第 1、第 2、第 3、第 4、最終のいずれかに絞り込んで、開始日から終了日までの日付を選択できます。

Experience Cloud サイトで日付の公開カレンダーを表示できますか?

はい。Date コンポーネントを Experience Cloud ページに配置し、Static Parent Record Id を設定します。Existing Dates Mode を readonly にすると、保存済みの日付を訪問者に変更させずに表示できます。保存時のメッセージには Show In-Component Toast をオンにします。

MultiDatePick Date コンポーネントの料金は?

MultiDatePick は 1 ユーザーあたり月額 $20 で、クレジットカード不要の 30 日間無料トライアルがあります。Date、Date Time、Booking の各コンポーネントがすべて含まれます。

プロパティリファレンス

App Builder と Flow Builder に表示されるラベルで掲載しています。Config Name を設定すれば、これらはすべてウィザードの設定で埋まります。

全プロパティのリファレンス

セットアップ

設定名(Config Name)configName保存済みのセットアップウィザードの設定。ほかのすべての設定を読み込みます。

表示

表示view最初に開くレイアウト: calendar (既定)、timeline、week、utilization、agenda。
利用可能な表示(Available Views)availableViews切り替えボタンに表示する表示。例: calendar,timeline,agenda。空欄なら 5 つすべてを表示。
タイムラインの表示期間 (日)(Timeline Window (Days))timelineWindowDaysタイムラインに一度に表示する日数。既定は 14。0 で 1 か月全体。
タイムラインのズーム(Timeline Zoom)timelineZoom最初のズーム: day、week (既定)、month。
Agenda FieldsagendaFields予定一覧の各行に追加する項目。空欄なら Hover Popover Fields を使用。

表示設定

Button Label フローlabelピッカーを開くボタンのテキスト。既定は「日付を選択」。
Calendar TitlemodalTitleカレンダー上部のタイトル。既定は「日付を選択」。
Show InlineshowInlineボタンなしでカレンダーを常に表示。ページでは既定でオン、フローではオフ。
Two-Month ViewtwoMonthView2 か月を並べて表示。
カレンダーサイズ(Calendar Size)calendarSizetiny、xsmall (Very Small)、small、medium (既定)、large。Tiny と Very Small はユーティリティバー、サイドバー、ダッシュボードのタイルに収まります。
Day Header FormatdayHeaderFormat3 = SUN MON、2 = SU MO、1 = S M。
Week Starts on MondayweekStartsOnMonday週の始まりを日曜ではなく月曜にします。
繰り返しパターンを表示(Show Recurring Pattern Button)showRecurringPattern「繰り返しパターンを追加」ボタン。既定でオン。
Show Selection SummaryshowSelectedSummary選択した日付の件数と期間。既定でオン。
Show Done Button in Inline ModeshowDoneButtonInline「完了」でカレンダーを概要カードに折りたたみます。既定ではフローでオン、ページでオフ。
Required フローrequiredフローを先に進めるには、日付を 1 つ以上選ぶ必要があります。

制限

Max Dates AllowedmaxSelectionsユーザーが選べる日付の最大数。0 = 無制限。
Allow Past DatesallowPastDatesオフ = 今日以降のみ。既定でオン。
Earliest Selectable Date フローminDate選択できる最初の日付。
Latest Selectable Date フローmaxDate選択できる最後の日付。
Book Up To (Days Ahead)maxDaysAhead今日からこの日数先までの期間で、毎日先に進みます。0 は制限なし。
Minimum Notice (Hours)minNoticeHours現在からこの時間数以内に始まる日付は選べません。24 なら少なくとも 1 日前の予約が必要です。
Pre-Selected Dates フローdefaultDates開いたときにすでに選択されている日付 (YYYY-MM-DD)。
Blocked Dates フローdisabledDates選択できない日付。グレー表示されます。
Only These Dates Are Selectable フローavailableDatesそれ以外の日付はすべて無効になります。公判期日や講座の日程などに。
Auto-Jump to First Available Date フローautoJumpToFirstAvailable選択できる最初の日付がある月で開きます。

状況と色

状況項目(Status Field)statusField各日付を色分けする選択リストまたはテキスト項目。
状況の色(Status Colors)statusColors例: Approved:green,Pending:orange,Denied:red。色名または 16 進コード。
Status Color DisplaystatusColorDisplaycalendar: 日付のセルが状況の色になります。
Status Field LabelstatusFieldLabel状況の選択欄のラベル。空欄なら項目名を使用。
Selectable Statuses (Status Picker)selectableStatusesユーザーが設定できる値。例: 公開サイトなら Requested。値が 1 つなら選択欄は非表示。
Ignored StatuseshideBookingsWithStatusカレンダーに表示しない状況。例: Cancelled。
Second Picklist FieldsecondStatusField保存時に選ぶ 2 つ目の選択リスト。例: Reason__c。色分けはされません。
Second Picklist LabelsecondStatusFieldLabel2 つ目の選択リストのラベル。
Selectable Second-Picklist ValuesselectableSecondStatuses選択できる値。値が 1 つなら自動で適用され、非表示になります。
ホバー項目(Hover Popover Fields)hoverFieldsホバーカードに表示する項目。例: Name,Status__c。
Show In-Component ToastshowSuccessToastコンポーネント内に表示する保存メッセージ。Experience Cloud で使用します。
Show Add to Calendar After SavingshowAddToCalendar保存後、日付ごとの終日の予定を含む .ics ファイルを 1 つ提供。Outlook、Google、Apple のカレンダーに対応。
Success Toast Message (optional)successToastMessage保存時のカスタムメッセージ。

編集モード

編集モードを有効化(Enable Edit Mode)enableEditMode編集ボタン: 保存済みの日付の状況変更、移動、削除。既定でオン。
Edit Button LabeleditButtonLabel編集ボタンのカスタムテキスト。
Edit Record DisplayeditRecordDisplay各行に表示する詳細とその順序: name、status、date。既定は name, status, time。

レコード名

Record Name FieldrecordNameField各レコードの名前を保存するテキスト項目。
Default Record NamedefaultRecordName例: 「休暇」や「オンコール」。
Append Date to Record NameappendDateTimeToName「休暇 - 2026-07-10」のようになります。既定でオン。

レコードの保存

子オブジェクトの API 参照名(Child Object API Name)relatedObjectApiName各日付を保存するオブジェクト。
日付項目の API 参照名(Date Field API Name)dateFieldApiNameそのオブジェクトの日付項目。
End Date Field API NameendDateField隣り合う日付を、開始日と終了日を持つ 1 件のレコードとして保存します。
関連項目の API 参照名(Relationship Field API Name)relationshipFieldApiName各レコードから親への参照関係。
Parent Record Id フローrecordId保存先の親。例: {!recordVar.Id}。空欄 = 出力のみ。
Static Parent Record Id ページstaticRecordIdアプリケーションページ、ホームページ、Experience ページ用の親。
Parent Record Id FieldparentRecordIdFieldページが別のレコードのものである場合に、本当の親を指す参照項目。
Load Existing DatespreloadExistingDates読み込み時に保存済みの日付を表示。既定でオン。
Existing Dates ModepreloadModeeditable (既定) または readonly。
保存ボタンラベル(Save Button Label)saveButtonLabel保存ボタンのテキスト。既定は「保存」。

ブロック日付オブジェクト

Blocked Dates ObjectblockedDatesSourceObject日付をブロックするオブジェクト。例: 祝日。
Blocked Dates Date FieldblockedDatesDateFieldそのオブジェクトの日付項目。
Blocked Dates Filter FieldblockedDatesFilterFieldこのレコードへの参照項目、または絞り込みに使う項目。空欄なら全員に対してブロック。
Blocked Dates Filter ValueblockedDatesFilterValue絞り込み項目が一致すべき値。例: Holiday。

フローの出力

Output Date Ranges as JSON フローoutputAsJsonDate Ranges JSON (Output) に値を設定します。
Selected Dates (Output)selectedDates選択したすべての日付 (ISO 形式、YYYY-MM-DD)。
Date Ranges JSON (Output)selectedDateRangesJson隣り合う日付を fromDate / toDate にまとめたもの。

ユーザーに必要な日付をすべて選べるように

Salesforce AppExchange で近日公開。公開当日にお知らせします。

ご質問や機能のご要望は Support@MultiDatePick.com まで