PowerApps の日付の選択コントロールDate Picker control in PowerApps

クリックまたはタップして日付を指定できるコントロールです。A control that the user can click or tap to specify a date.

説明Description

テキスト入力コントロールの代わりに日付の選択コントロールを追加すると、ユーザーが適切な形式で日付を指定しやすくなります。If you add a Date Picker control instead of a Text input control, you help ensure that the user specifies a date in the correct format.

主要なプロパティKey properties

DefaultDate – 日付コントロールの初期値 (ユーザーが変更していない場合) です。DefaultDate – The initial value of a date control unless the user changes it.

SelectedDate – 日付コントロールで現在選択されている日付です。SelectedDate – The date currently selected in a date control.

Format – コントロールで日付を表示するときのテキスト形式です。日付はユーザーが指定します。Format – The text format in which the control shows the date and the user specifies the date. このプロパティを ShortDate (既定) または LongDate に設定すると、このコントロールの Language プロパティに基づいて日付の形式を指定できます。You can set this property to ShortDate (default) or LongDate to format dates based on the Language property of this control. また、言語に関係なく同じ形式を使用する場合は、このプロパティを yyyy/mm/dd などの式に設定できます。You can also set this property to an expression, such as yyyy/mm/dd if you want the same format regardless of language. 例:For example:

  • ユーザーが 2017 年の最終日をクリックまたはタップし、Format プロパティが ShortDate に、Language プロパティが en-us に設定されている場合、コントロールは 12/31/2017 を表示します。The control shows 12/31/2017 if the user clicks or taps the last day of 2017, the Format property is set to ShortDate, and the Language property is set to en-us.
  • ユーザーが 2017 年の最終日をクリックまたはタップし、Format プロパティが LongDate に、Language プロパティが fr-fr に設定されている場合、コントロールは dimanche 31 decembre 2017 を表示します。The control shows dimanche 31 decembre 2017 if the user clicks or taps the last day of 2017, the Format property is set to LongDate, and the Language property is set to fr-fr.

Language – 日付の形式を設定するために使用される言語を指定します。Language – Determines the language used to format dates, including names of months. このプロパティが指定されていない場合、ユーザーのデバイス設定によって言語が決定します。If this property isn't specified, the user's device setting determines the language.

その他のプロパティAdditional properties

BorderColor – コントロールの境界線の色です。BorderColor – The color of a control's border.

BorderStyle – コントロールの境界線を Solid (実線)、Dashed (破線)、Dotted (点線)、None (なし) のいずれに指定します。BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness – コントロールの境界線の太さです。BorderThickness – The thickness of a control's border.

FocusedBorderThickness – キーボードでフォーカスした場合のコントロールの境界線の太さです。FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

Color – コントロールのテキストの色です。Color – The color of text in a control.

DisplayMode – コントロールで、ユーザー入力を許可するか (Edit)、データの表示のみを許可するか (View)、許可しないか (Disabled) を設定します。DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色です。DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロール内のテキストの色です。DisabledColor – The color of text in a control if its DisplayMode property is set to Disabled.

DisabledFill – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの背景色です。DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

EndYear – 日付の選択コントロールでユーザーが設定可能な最後の年です。EndYear – The latest year to which the user can set value of a date-picker control.

Fill – コントロールの背景色です。Fill – The background color of a control.

Font – テキストを表記するフォントのファミリー名です。Font – The name of the family of fonts in which text appears.

FontWeight – コントロール内のテキストの太さです。Bold (太字)、Semibold (中太)、Normal (標準)、Lighter (細字) から指定します。FontWeight – The weight of the text in a control: Bold, Semibold, Normal, or Lighter.

Height – コントロールの上端と下端の距離です。Height – The distance between a control's top and bottom edges.

Italic – コントロール内のテキストを斜体にするかどうかを指定します。Italic – Whether the text in a control is italic.

OnSelect – ユーザーがコントロールをタップまたはクリックした場合のアプリの反応を指定します。OnSelect – How the app responds when the user taps or clicks a control.

PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離です。PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離です。PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離です。PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離です。PaddingTop – The distance between text in a control and the top edge of that control.

Size – コントロールに表示されるテキストのフォント サイズです。Size – The font size of the text that appears on a control.

StartYear – 日付の選択コントロールでユーザーが設定可能な最初の年です。StartYear – The earliest year to which the user can set the value of a date-picker control.

TabIndex – ゼロ以外の値に設定すると、実行時のコントロールのタブの順序をカスタマイズできます。TabIndex – Customizes the tab order of controls at runtime when set to a non-zero value.

Visible – コントロールを表示するか非表示にするかを指定します。Visible – Whether a control appears or is hidden.

Width – コントロールの左端と右端の間の距離です。Width – The distance between a control's left and right edges.

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離です。X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離です。Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Year( DateTimeValue )Year( DateTimeValue )

Example

  1. 日付の選択コントロールを追加して、Deadline という名前を付けます。Add a Date Picker control, and name it Deadline.

    コントロールの追加、命名、構成についてはこちらをご覧くださいDon't know how to add, name, and configure a control?

  2. ラベル コントロールを追加し、その Text プロパティを次の数式に設定します。Add a Label control, and set its Text property to this formula:
    DateDiff(Today(), Deadline.SelectedDate) & " days to go!"DateDiff(Today(), Deadline.SelectedDate) & " days to go!"

    DateDiff 関数やその他の関数の詳細については各関連記事をご覧ください。Want more information about the DateDiff function or other functions?

  3. F5 キーを押して Deadline の日付を選択し、[OK] をクリックまたはタップします。Press F5, choose a date in Deadline, and then click or tap OK.

    ラベル コントロールに、当日から選択した日付までの日数が表示されます。The Label control shows the number of days between today and the date that you chose.

  4. 既定のワークスペースに戻るには、Esc キーを押します。To return to the default workspace, press Esc.