フォーム内の日付を管理する

日付/時刻コンポーネントを使用する場合、日付の最小値または最大値を設定したり、ユーザーが特定の日付を選択できないよう制限したりできます。

ユーザー選択から日付を削除する

日付/時刻コンポーネントでは、[特定の日付または特定の範囲内の日付を無効化] プロパティを使用して、フォーム内で特定の 1 つまたは複数の日付を選択できないように設定できます。

ユーザーが特定の日付または日付の範囲を選択できないようにするには、以下の手順を実行します。

1. コンポーネントの [日付] タブに移動します。
2. [ユーザー定義の無効な日付] の情報に基づき、無効化する日付を指定された形式で書き込みます。
3. また、平日または週末のいずれかを無効化する場合は、対応するチェックボックスをオンにします。

相対日付を設定する

日/時刻コンポーネント内に相対的な最小日付または最大日付を設定するには、JavaScript ライブラリ Moment.js を使用します。このライブラリは既に含まれており、フォーム内で使用できます。

たとえば、現在の日付の 10 日前に最小日付を設定するには、次の手順を実行します。

1. 日/時刻コンポーネントの [検証] タブに移動します。
2. [日付の最小値を設定する moment.js を入力] を選択します。
3. [最小日付] フィールドに、「moment().substract(10,'days')」と入力します。

最大日付を現在の日付の 10 日後に設定するには、以下の手順を実行します。

1. [日付の最大値を設定する moment.js を入力] を選択します。
2. [最大日付] フィールドに、「moment().add(10,'days')」と入力します。