日付ピッカーは、ユーザーが小さなポップアップ予定表をクリックして Microsoft Office InfoPath フォームに日付をすばやく入力できるようにするコントロールです。 たとえば、日付ピッカーを使用して、保険フォームのユーザーから生年月日を収集できます。 日付ピッカーを使用して、現在の日付などの事前設定された日付を表示することもできます。
この記事の内容
- 日付ピッカーを使用するタイミング
- ユーザー エクスペリエンス
- 互換性に関する考慮事項
- 日付選択コントロールを挿入する
- 日付ピッカーで現在の日付を表示する
- 日付ピッカーで現在の日付と時刻を表示する
- レイアウトのヒント
日付ピッカーを使用するタイミング
次の場合は、日付ピッカーを使用します。
- 特定のプロジェクトの開始日や終了日など、ユーザーがフォームに任意の日付を入力できるようにします。
- 今日と現在の関数を使用して、フォームに今日の日付と時刻を表示します。
- 顧客注文のデータベースからの請求や出荷日など、外部データ ソースからの日付を表示します。
次の図では、旅行リクエストフォームテンプレートで日付ピッカーを使用して、フライトの出発日を収集します。
フォーム テンプレートのコントロールをダブルクリックし、そのプロパティを変更することで、ニーズに合わせて日付ピッカーをカスタマイズできます。 たとえば、既定の日付を指定したり、フォームに日付を表示する方法を変更したりできます。
ユーザー エクスペリエンス
日付ピッカーはテキスト ボックスのように見えますが、ボックスの右側に小さな予定表アイコンが表示される点が異なります。 ポップアップ 予定表を開くには、ユーザーが予定表アイコンをクリックします。 予定表が表示されたら、ユーザーは予定表で目的の日付をクリックするか、右矢印ボタンと左矢印ボタンを使用して月をスクロールできます。 ユーザーが現在の日付を挿入する場合は、予定表の下部にある [ 今日 ] ボタンをクリックできます。
互換性に関する考慮事項
InfoPath でフォーム テンプレートを設計する場合は、特定の互換性モードを選択して、ブラウザー互換フォーム テンプレートを設計できます。 ブラウザーと互換性のあるフォーム テンプレートが、InfoPath Forms Servicesを実行しているサーバーに発行された後、ブラウザーが有効になっている場合は、フォーム テンプレートに基づくフォームを Web ブラウザーで表示できます。 ブラウザー互換のフォーム テンプレートを設計する場合、一部のコントロールは Web ブラウザーで表示できないため、[ コントロール ] 作業ウィンドウでは使用できません。
ブラウザーと互換性のあるフォーム テンプレートを設計するときに日付ピッカーを使用できますが、次の制限事項に注意してください。
- 日付ピッカーは、Windows インターネット エクスプローラー ブラウザーでのみ完全にサポートされています。 他の Web ブラウザーでは、日付ピッカーがテキスト ボックスとして表示されますが、テキスト ボックスでは日付の書式設定オプションがサポートされています。
- プレースホルダー テキストは、フォーム テンプレートのコントロール内に表示されるテキストです。 プレースホルダー テキストの例として、"ここをクリックして入力" があります。ブラウザーと互換性のあるフォーム テンプレートのプレースホルダー テキスト設定はそのままにすることはできますが、そのテキストは Web ブラウザーには表示されません。
日付選択コントロールを挿入する
日付ピッカーを挿入する手順は、新しい空白のフォーム テンプレートを設計するか、データベースまたはその他の外部データ ソース上のフォーム テンプレートの設計に基づいているかによって若干異なります。
次の図は、デザイン モードで選択された日付ピッカーの外観を示しています。
コントロールは、バインドすることも、バインド解除することもできます。 コントロールは、バインドされている場合、データ ソース内のフィールドまたはグループに接続されており、コントロールに入力したデータは、基になるフォーム (.xml) ファイルに保存されます。 コントロールは、バインド解除されている場合、フィールドまたはグループに接続されておらず、コントロールに入力したデータは保存されません。 コントロールを選ぶか、ポインターをコントロールの上に移動すると、コントロールの右上隅にテキストとバインド アイコンが表示されます。 テキストは、コントロールがバインドされているデータ ソース内のグループまたはフィールドを示します。 アイコンは、コントロールがグループまたはフィールドに適切にバインドされているかどうかを示します。 バインドが適切である場合、緑色のアイコンが表示されます。 バインドに問題がある場合、青色または赤色のアイコンが表示されます。
フォーム テンプレート用のデータ ソースは、[データ ソース] 作業ウィンドウの階層ビューに表示されるフィールドとグループから構成されます。 日付ピッカー コントロールは常にフィールドにバインドされます。 次の例では、フォーム テンプレートの [出発日] 日付ピッカーが、[データ ソース] 作業ウィンドウの [出発日] フィールドにバインドされています。
新しい空のフォーム テンプレートに日付ピッカーを挿入する
新しい空白のフォーム テンプレートをデザインする場合、[コントロール] 作業ウィンドウの [自動的にデータ ソースを作成する] チェック ボックスが既定で選択されています。 このため、InfoPath では、フォーム テンプレートにコントロールが追加されると、データ ソースにフィールドおよびグループが自動的に作成されます。 これらのフィールドおよびグループは、[データ ソース] 作業ウィンドウではフォルダー アイコンおよびファイル アイコンで表されます。
フォーム テンプレートで、コントロールを挿入する場所にカーソルを置きます。
[コントロール] 作業ウィンドウが表示されていない場合は、[挿入] メニューの [コントロールの選択] をクリックするか、Alt キーを押しながら I キー、C キーの順に押します。
[ コントロールの挿入] で、[ 日付の選択] をクリックします。
コントロールにラベルを追加するには、コントロールの上側または左側にテキストと、それに続けてコロン (:) を入力します。
フォームに日付を表示する方法を指定するには、フォーム テンプレートに挿入された日付ピッカーをダブルクリックします。
[ データ ] タブをクリックし、[ 書式] をクリックします。
[ 日付を次のように表示する ] ボックスの一覧の [ 日付形式 ] ダイアログ ボックスで、目的の表示形式をクリックします。
注
日付の表示形式は、データ型がテキスト、日付、または日付と時刻の場合にのみ変更できます。
既存のデータ ソースに基づくフォーム テンプレートに日付ピッカーを挿入する
既存の拡張マークアップ言語 (XML) ファイル、データベース、または Web サービスを基にしたフォーム テンプレートのデザインにした場合、InfoPath では、[データ ソース] 作業ウィンドウのフィールドおよびグループをその既存のデータ ソースから導出します。 このシナリオでは、次の手順で説明するように、 データ ソース 作業ウィンドウからフォーム テンプレートに日付ピッカー フィールドをドラッグするか、[ コントロール ] 作業ウィンドウを使用して日付ピッカーを挿入することで、日付ピッカーを追加できます。
フォーム テンプレートで、コントロールを挿入する場所にカーソルを置きます。
[コントロール] 作業ウィンドウが表示されていない場合は、[挿入] メニューの [コントロールの選択] をクリックするか、Alt キーを押しながら I キー、C キーの順に押します。
[ コントロールの挿入] で、[ 日付の選択] をクリックします。
[ 日付ピッカーのバインド ] ダイアログ ボックスで、日付ピッカー データを格納するフィールドを選択し、[OK] をクリック します。
InfoPath では、コントロールのラベルとして、フィールドまたはグループの名前を使用します。 必要に応じて、ラベル テキストを変更します。
フォームに日付を表示する方法を指定するには、フォーム テンプレートに挿入された日付ピッカーをダブルクリックします。
[ データ ] タブで、[ 書式] をクリックします。
[ 日付を次のように表示する ] リスト ボックスの [ 日付形式 ] ダイアログ ボックスで、目的の表示形式をクリックします。
注
日付の表示形式は、データ型がテキスト、日付、または日付と時刻の場合にのみ変更できます。
ヒント
データ ソース作業ウィンドウを使ってコントロールを挿入することもできます。 [ データ ソース ] 作業ウィンドウで、日付ピッカーをバインドするフィールドを右クリックし、ショートカット メニューの [ 日付ピッカー ] をクリックします。
日付ピッカーで現在の日付を表示する
ユーザーがフォームを開いたときに現在の日付を自動的に挿入するには、日付ピッカー コントロールで today 関数を使用できます。
フォーム テンプレートに日付ピッカーを挿入します。
フォーム テンプレートに挿入した日付ピッカーをダブルクリックします。
[データ] タブをクリックします。
[ 既定値] で、[ 数式
を挿入] をクリックします。[ 数式の挿入 ] ダイアログ ボックスで、[ 関数の挿入] をクリックします。
[関数の挿入] ダイアログ ボックスの [カテゴリ] リストで、[日付と時刻] をクリックします。
[関数] ボックスの一覧で[今日] をクリックし、[OK] を 2 回クリックして [日付ピッカーのプロパティ] ダイアログ ボックスに戻ります。
[値] ボックスに today() が表示されます。[既定値] で、[数式の結果が再計算されたときにこの値を更新する] ボックスチェックオフにします。
注
このチェックボックスをオフにすると、ユーザーがこのフォーム テンプレートに基づいてフォームを開くたびに、日付は自動的に更新されません。 これは、フォームが作成された日付をユーザーに表示する場合に最適です。 [最終更新日] または [最終更新日] フィールドがある場合は、[チェック] ボックスをオンのままにして、フォームを開くたびに日付を変更できます。
[ OK] を クリックしてフォーム テンプレートに戻ります。
変更内容をテストするには、[標準] ツール バーの [プレビュー] をクリックするか、Ctrl キーと Shift キーを押しながら B キーを押します。
日付ピッカーに表示される日付が、目的の方法で表示されることを確認します。 表示されない場合は、[日付ピッカーのプロパティ] ダイアログ ボックスの [書式] ボタンをクリックして、日付または時刻の表示方法を変更できます。
日付ピッカーで現在の日付と時刻を表示する
ユーザーがフォームを開いたときに現在の日付と時刻を自動的に挿入するには、日付ピッカー コントロールで now 関数を使用できます。
フォーム テンプレートに日付ピッカーを挿入します。
フォーム テンプレートに挿入した日付ピッカーをダブルクリックします。
[データ] タブをクリックします。
[ データ型 ] ボックスで、[ 日付と時刻 (dateTime)] をクリックします。
[書式設定] をクリックします。
[ 日付と時刻の形式 ] ダイアログ ボックスの [ 次のような時刻を表示 する] ボックスの一覧で、目的のオプションをクリックし、[OK] をクリック します。
[ 日付ピッカーのプロパティ ] ダイアログ ボックスの [ 既定値] で、[ 数式
] をクリックします。[ 数式の挿入 ] ダイアログ ボックスで、[ 関数の挿入] をクリックします。
[関数の挿入] ダイアログ ボックスの [カテゴリ] リストで、[日付と時刻] をクリックします。
[ 関数 ] ボックスの一覧 で[今すぐ] をクリックし、[ OK] を 2 回クリックして [ 日付ピッカーのプロパティ ] ダイアログ ボックスに戻ります。
[値] ボックスに now() が表示されます。[既定値] で、[数式の結果が再計算されたときにこの値を更新する] ボックスチェックオフにします。
注
このチェックボックスをオフにすると、ユーザーがこのフォーム テンプレートに基づいてフォームを開くたびに、日付は自動的に更新されません。 これは、フォームが作成された日付をユーザーに表示する場合に最適です。 [最終更新日] または [最終更新日] フィールドがある場合は、[チェック] ボックスをオンのままにして、フォームを開くたびに日付を変更できます。
[ OK] を クリックしてフォーム テンプレートに戻ります。
変更内容をテストするには、[標準] ツール バーの [プレビュー] をクリックするか、Ctrl キーと Shift キーを押しながら B キーを押します。
日付ピッカーに表示される日付が、目的の方法で表示されることを確認します。 表示されない場合は、[日付ピッカーのプロパティ] ダイアログ ボックスの [書式] ボタンをクリックして、日付または時刻の表示方法を変更できます。
レイアウトのヒント
日付ピッカーの外観、サイズ、その他の側面を調整するには、次のヒントを使用します。
- 複数の日付ピッカーのサイズを一度に変更するには、サイズを変更する日付ピッカーを選択し、[ 書式 ] メニューの [ プロパティ] をクリックし、[ サイズ ] タブで必要な調整を行います。
- 日付ピッカーの罫線または色を変更するには、日付ピッカーを選択し、[ 書式 ] メニューの [ 罫線と網かけ] をクリックし、必要な調整を行います。
- 日付ピッカーに表示されるテキストをカスタマイズするには、[書式設定] ツール バーの [フォント ] ボックスと [ フォント サイズ ] ボックス を 使用します。 フォーム テンプレートのすべての日付ピッカーのフォントとフォント サイズを一度に変更するには、目的の書式を含む日付ピッカーを右クリックし、ショートカット メニューの [ すべての日付ピッカー コントロールにフォントを適用 ] をクリックします。
- 実際のテキストを含む日付ピッカーの外観を確認するには、[表示] メニューの [サンプル データ] をクリックします。 これにより、ユーザーがフォームに入力したときの外観を把握するのに役立ちます。
- 場合によっては、日付ピッカー内のテキストと、日付ピッカーの左側のラベルが少し配置されていないように見える場合があります。 簡単に再調整するには、日付ピッカーをダブルクリックし、[サイズ] タブの [配置] をクリックし、[適用] をクリックします。 ラベルと日付ピッカーがレイアウト テーブル内の異なるセルにある場合は、ラベルを含むセルを右クリックし、ショートカット メニューの [テーブル プロパティ] をクリックし、[セル] タブの [垂直方向の配置] の下にある [中央揃え] をクリックします。
- 日付の表示方法を変更するには、日付ピッカーをダブルクリックし、[ データ ] タブをクリックし、[ 書式 ] ボタンをクリックします。 [日付形式] ダイアログ ボックスで表示 形式 を選択します。