PowerApps でのテキストの表示と日時の書式設定Show text and format dates and times in PowerApps

日付や時間を追加し、その書式を設定することによって、必要な部分だけを表示したりロケールを反映したりすることができます。Add dates and times, and format them to show the right level of detail or to reflect your locale. また、2 つの日付間の時間を計算したり、指定した日付から一定時間前または後の日付を計算したりすることも可能です。Calculate the amount of time between two dates, or calculate a date that's a certain amount of time before or after a date that you specify. さらに、日付を変換して年と月と日の要素に分解したり、逆に年と月と日の要素から日付に変換したりすることができます。時刻も同様です。時と分と秒の要素に分解したり、時と分と秒の要素から時刻に変換したりすることができます。Convert dates to or from separate values for days, months, and years, and convert times to or from separate values for hours, minutes, and seconds.

たとえば、株式取引やクライアントとのミーティングに関するデータを追加するとしましょう。データは、ユーザーや外部ソースから取得する場合もあれば、PowerApps で作成された別のアプリから取得する場合もあります。For example, add data from users about stock trades or client meetings, data from an external source, or data from another app created in PowerApps. そのデータにミリ秒単位の時刻が含まれていれば、わかりやすくするために、最も近い分単位に丸めることができます。If that data includes times down to the millisecond, round it to the nearest minute for simplicity. 重要なマイルストーンまでの残り日数を計算するとします。Calculate how many days remain before a major milestone. クライアントとのミーティングを 5 日おきにスケジューリングする場合は、それらの日付を自動的に計算できます。If you want to schedule client meetings every five days, calculate those dates automatically. 1985 年 5 月 10 日という日付について、年と月と日の要素がそれぞれ異なるフィールドに格納されていれば、それらを 1 つの値に統合することができます。If May 10, 1985, is stored in separate fields for the day, the month, and the year, consolidate them into a single value. 日付の構成要素を個別に扱うアプリであれば、逆に日付を個々の構成要素に分解することもできます。Conversely, break each date into separate values if your app manages them separately.

前提条件Prerequisites

  • PowerApps にサインアップし、インストールして開きます。その後、サインアップに使用したのと同じ資格情報を入力してサインインします。Sign up for PowerApps, install it, open it, and then sign in by providing the same credentials that you used to sign up.
  • PowerApps で、アプリを作成するか既存のアプリを開きます。Create an app or open an existing app in PowerApps.
  • PowerApps でコントロールを構成する方法について確認します。Learn how to configure a control in PowerApps.

ラベル コントロールでのテキストの表示Show text in a Label control

ラベル コントロールにテキストを表示するには、その Text プロパティの値を設定します。Show text in a Label control by setting the value of its Text property. このプロパティを設定するには、コントロールに直接値を入力するか、数式バーに式を入力します。Set this property by typing directly into the control or by typing an expression in the formula bar.

  • コントロールに直接入力した場合は、入力した内容がそのまま表示されます。If you type directly into the control, it shows exactly what you type.
  • 数式バーに式を入力した場合は、その式の結果がコントロールに表示されます。If you type an expression in the formula bar, the control shows the result of the expression.

次に例をいくつか示します。Here are some examples.

  1. ShowText という名前のラベル コントロールを追加し、その Text プロパティを次の数式に設定します。Add a Label control named ShowText, and set its Text property to this formula:
    Now()Now()

    ご使用のコンピューターのロケールが "en-us" に設定されている場合、現在の日付と時刻が " " 形式で表示されます。If your computer is set to the "en-us" locale, the current date and time appears in this format:
    /mm/dd/yyyy hh:mm AM/PMmm/dd/yyyy hh:mm AM/PM

    ご使用のコンピューターのロケールが "fr-fr" などに設定されている場合、現在の日付と時刻は次の形式で表示されます。 If your computer is set to a locale such as "fr-fr", the current date and time appears in this format:
    /mm/dd/yyyy hh:mm AM/PMdd/mm/yyyy hh:mm AM/PM

  2. ShowTextText プロパティを次の数式に設定します。Set the Text property of ShowText to this formula:
    DateDiff(Today(), DateValue("01/01/2020"))DateDiff(Today(), DateValue("01/01/2020"))

    今日から 2020 年 1 月 1 日までの日数

    次の関数を使用すると、今日から 2020 年 1 月 1 日までの日数が表示されます。The control shows the number of days between today and January 1, 2020, by using these functions:

    • DateDiff。2 つの日付の間の日数、四半期数、または年数を計算します。DateDiff, which calculates the number of days, quarters, or years between two dates.
    • Today。その時点の日付を値として計算します。Today, which calculates the current day as a value.
    • DateValue。二重引用符で囲まれたリテラル文字列を、計算の適用対象として使用できる値に変換します。DateValue, which converts a literal string, as shown between double quotation marks, to a value on which calculations can be performed.
  3. BirthDate という名前のテキスト入力コントロールを追加し、ShowText の下に移動します。Add a Text input control named BirthDate, and move it under ShowText.

  4. BirthDate に、自分が生まれた月と日 (例: 05/18) を入力します。In BirthDate, type the month and the day of your birth (for example, 05/18).

  5. ShowTextText プロパティを次の数式に設定します。Set the Text property of ShowText to this formula:
    DateDiff(Today(), DateValue(BirthDate.Text))DateDiff(Today(), DateValue(BirthDate.Text))

    今日から誕生日までの日数

    ShowText には、今日の日付から BirthDate に入力した日付までの日数が表示されます。ShowText shows the number of days between today and whatever date you type into BirthDate. 今年の誕生日が既に過ぎている場合、ShowText には負の値が表示されます。If your birthday has already occurred this year, ShowText displays a negative value.

DateTimeValue を使用して日時の書式を設定するFormat dates and times by using DateTimeValue

日時をテキスト文字列から値に変換すると、さまざまな方法で書式設定して計算に使用できます。Convert dates and times from strings of text to values, which you can format in a variety of ways and use in calculations. 書式設定には、組み込みのオプションとカスタム オプションを使用できます。Specify the format by using built-in and custom options.

注意

DateTimeValue 関数と DateValue 関数は、次のいずれかの形式の日付を値に変換することができます。The DateTimeValue and DateValue functions can convert dates in any of these formats into values:

  • MM/DD/YYYYMM/DD/YYYY
  • DD/MM/YYYYDD/MM/YYYY
  • DD Mon YYYYDD Mon YYYY
  • Month DD, YYYYMonth DD, YYYY
  1. ArrivalDateTime という名前のテキスト入力コントロールを追加し、次の形式で日時を入力します。Add a Text input control named ArrivalDateTime, and type a date and time in this format:
    5/10/85 6:15 AM5/10/85 6:15 AM
  2. ShowDate という名前のラベル コントロールを追加し、その Text プロパティを次の数式に設定します。Add a Label control named ShowDate, and set its Text property to this formula:
    DateTimeValue(ArrivalDateTime.Text)DateTimeValue(ArrivalDateTime.Text)

    日付/時刻をテキストから値に変換する

    ShowDate に表示される情報は、入力したテキストと同じですが、テキストから値に変換され、設定されている書式が異なります。ShowDate shows the same information that you typed, but it's been converted from text to a value and formatted differently. たとえば、年が 2 桁ではなく 4 桁で表示されます。For example, the year appears as four digits instead of just two.

  3. ShowDateText プロパティを次の数式に変更します。Change the Text property of ShowDate to this formula:
    DateTimeValue(ArrivalDateTime.Text, "fr")DateTimeValue(ArrivalDateTime.Text, "fr")

    日付/時刻の値をフランス語の書式で表示する

    ShowDate では、フランスのユーザーの予想どおり、月の前に日が表示されます。ShowDate shows the day before the month, as a French user would expect.

    ヒント

    Intellisense で他のロケールの一覧を表示するには、開始二重引用符だけを残して、終わり二重引用符と fr を数式から削除します。To display a list of other locales in Intellisense, remove the closing quotation mark and fr from the formula, but leave the open quotation mark:

    ロケールの一覧を表示する

  4. 組み込みの書式のいずれかを使用するには、ShowDateText プロパティを次の数式に変更します。To use one of several built-in formats, change the Text property of ShowDate to this formula:
    Text(DateTimeValue(ArrivalDateTime.Text), DateTimeFormat.LongDateTime)Text(DateTimeValue(ArrivalDateTime.Text), DateTimeFormat.LongDateTime)

    日付/時刻の値をフランス語の書式で表示する

    ShowDate には、曜日、日付、時刻が表示されます。ShowDate shows the day of the week, the date, and the time.

    ヒント

    DateTimeFormat パラメーターは、他のいくつかの組み込みの書式をサポートしています。The DateTimeFormat parameter supports several other built-in formats. 先ほどの数式から LongDateTime を削除すると、その一覧を表示できます。To display that list, remove LongDateTime from the formula.

  5. カスタム書式を使用するには、ShowDateText プロパティを次の数式に変更します。To use a custom format, change the Text property of ShowDate to this formula:
    Text(DateTimeValue(ArrivalDateTime.Text), "mm/dd/yyyy hh:mm:ss.fff AM/PM")Text(DateTimeValue(ArrivalDateTime.Text), "mm/dd/yyyy hh:mm:ss.fff AM/PM")

    日付/時刻の値をフランス語の書式で表示する

    ShowDate には、指定した書式で日付/時刻の値 (ミリ秒を含む) が表示されます。ShowDate shows the date/time value in the format that you specified, including milliseconds.

    ヒント

    時刻を 10 分の 1 秒の位または 100 分の 1 秒の位に丸めるには、この数式に hh:mm:ss.f または hh:mm:ss.ff を指定します。To round the time to the nearest tenth or hundredth of a second, specify hh:mm:ss.f or hh:mm:ss.ff in the formula.

DateValue を使用して日付の書式を設定するFormat a date by using DateValue

  1. ArrivalDate という名前のテキスト入力コントロールを追加し、そこに日付を入力します (例: 5/10/85)。Add a Text input control named ArrivalDate, and then type a date in it (for example, 5/10/85).

  2. FormatDate という名前のラベル コントロールを追加し、その Text プロパティを次の数式に設定します。Add a Label control named FormatDate, and set its Text property to this formula:
    DateValue(ArrivalDate.Text)DateValue(ArrivalDate.Text)

    FormatDate には、入力した日付が表示されます。ただし、年は 4 桁で表示されます。FormatDate shows the date that you typed, except the year appears as four digits.

  3. FormatDateText プロパティを次の数式に設定します。Set the Text property of FormatDate to this formula:
    DateValue(ArrivalDate.Text, "fr")DateValue(ArrivalDate.Text, "fr")

    ShowDate には、フランスのユーザーの予想どおり、月の前に日が表示されます。FormatDate shows the day before the month, just as a French user would expect.

  4. 組み込みの書式のいずれかを使用するには、FormatDateText プロパティを次の数式に設定します。To use one of several built-in formats, set the Text property of FormatDate to this formula:
    Text(DateValue(ArrivalDate.Text), DateTimeFormat.LongDate)Text(DateValue(ArrivalDate.Text), DateTimeFormat.LongDate)

    FormatDate には、曜日、月、日、年が表示されます。FormatDate shows the day of the week, the month, the day, and the year.

  5. カスタム書式を使用するには、FormatDateText プロパティを次の数式に設定します。To use a custom format, set the Text property of FormatDate to this formula:
    Text(DateValue(ArrivalDate.Text), "yy/mm/dd")Text(DateValue(ArrivalDate.Text), "yy/mm/dd")

    FormatDate には、指定した書式で日付が表示されます。FormatDate shows the date in the format that you specified.

DateTimeValue を使用して時刻の書式を設定するFormat a time using DateTimeValue

  1. ArrivalTime という名前のテキスト入力コントロールを追加し、そこに「6:15 AM」と入力します。Add a Text input control named ArrivalTime, and then type 6:15 AM in it.

  2. ShowTime という名前のラベル コントロールを追加します。Add a Label control named ShowTime.

  3. 組み込みの書式のいずれかを使用するには、ShowTimeText プロパティを次の数式に設定します。To use one of several built-in formats, set the Text property of ShowTime to this formula:
    Text(DateTimeValue(ArrivalTime.Text), DateTimeFormat.LongTime)Text(DateTimeValue(ArrivalTime.Text), DateTimeFormat.LongTime)

    ShowTime には、指定した時刻 (秒を含む) が表示されます。ShowTime shows the time that you specified, including seconds.

  4. カスタム書式を使用するには、ShowTimeText プロパティを次の式に設定します。To use a custom format, set the Text property of ShowTime to this formula:
    Text(DateTimeValue(ArrivalTime.Text), "hh:mm:ss.fff AM/PM")Text(DateTimeValue(ArrivalTime.Text), "hh:mm:ss.fff AM/PM")

    ShowTime には、指定した時刻 (秒とミリ秒を含む) が表示されます。ShowTime shows the time that you specified, including seconds and milliseconds.

    ヒント

    時刻を 10 分の 1 秒の位または 100 分の 1 秒の位に丸めるには、この数式に hh:mm:ss.f または hh:mm:ss.ff を指定します。To round the time to the nearest tenth or hundredth of a second, enter hh:mm:ss.f or hh:mm:ss.ff in the formula.

日付間の時間を表示するShow the time between dates

  1. StartEnd という名前の 2 つのテキスト入力コントロールを追加します。Add two Text input controls named Start and End.

  2. Start には「4/1/2015」と入力し、End には「1/1/2016」と入力します。Type 4/1/2015 in Start, and type 1/1/2016 in End.

  3. DateDiff という名前のラベル コントロールを追加し、その Text プロパティを次の数式に設定します。Add a Label control named DateDiff, and set its Text property to this formula:
    DateDiff(DateValue(Start.Text), DateValue(End.Text))DateDiff(DateValue(Start.Text), DateValue(End.Text))

    2 つの日付を比較する

    DateDiff には、2015 年 4 月 1 日から 2016 年 1 月 1 日までの日数である "275" が表示されます。DateDiff shows 275, which is the number of days between April 1, 2015, and January 1, 2016.

  4. DateDiffText プロパティを次の数式に設定します。Set the Text property of DateDiff to this formula:
    DateDiff(DateValue(Start.Text), DateValue(End.Text), Months)DateDiff(DateValue(Start.Text), DateValue(End.Text), Months)

    DateDiff には、2015 年 4 月 1 日から 2016 年 1 月 1 日までの月数である "9" が表示されます。DateDiff shows 9, which is the number of months between April 1, 2015, and January 1, 2016. MonthsQuarters または Years に置き換えると、時間が四半期単位や年単位で表示されます。Replace Months with Quarters or Years to show the time in those units.

特定の日付から前後した日付を特定するIdentify a date before or after another date

  1. Start という名前のテキスト入力コントロールを追加し、そこに「5/10/1985」と入力します。Add a Text input control named Start, and type 5/10/1985 in it.

  2. DateAdd という名前のラベル コントロールを追加し、その Text プロパティを次の数式に設定します。Add a Label control named DateAdd, and set its Text property to this formula:
    DateAdd(DateValue(Start.Text), 3)DateAdd(DateValue(Start.Text), 3)

    3 日を加算する

    DateAdd には、Start の日付の 3 日後である "5/13/1985" が表示されます。DateAdd shows 5/13/1985, which is three days after the date in Start.

  3. DateAddText プロパティを次の数式に設定します。Set the Text property of DateAdd to this formula:
    DateAdd(DateValue(Start.Text), -3)DateAdd(DateValue(Start.Text), -3)

    3 日を減算する

    DateAdd には、Start の日付の 3 日前である "5/7/1985" が表示されます。DateAdd shows 5/7/1985, which is three days before the date in Start.

  4. DateAddText プロパティを次の数式に変更します。Change the Text property of DateAdd to this formula:
    DateAdd(DateValue(Start.Text), 3, Months)DateAdd(DateValue(Start.Text), 3, Months)

    3 か月を加算する

    このラベルには、Start の日付の 3 か月後である "8/10/1985" が表示されます。The label shows 8/10/1985, which is three months after the date in Start. MonthsQuarters または Years に置き換えると、Start の日付から指定した四半期数または年数だけ前または後の日付が特定されます。Replace Months with Quarters or Years to identify a date that's the specified number of quarters or years before or after the date in Start.

年、月、日に基づいて日付を計算するCalculate dates based on years, months, and days

  1. YearMonthDay という名前の 3 つのドロップダウン コントロールを追加します。Add three Drop down controls named Year, Month, and Day.

  2. YearItems プロパティを次の数式に設定します。Set the Items property of Year to this formula:
    Table({Year:"2014"}, {Year:"2015"}, {Year:"2016"})Table({Year:"2014"}, {Year:"2015"}, {Year:"2016"})

  3. MonthItems プロパティを次の数式に設定します。Set the Items property of Month to this formula:
    Table({Month:"1"}, {Month:"2"}, {Month:"3"}, {Month:"4"}, {Month:"5"}, {Month:"6"}, {Month:"7"}, {Month:"8"}, {Month:"9"}, {Month:"10"}, {Month:"11"}, {Month:"12"})Table({Month:"1"}, {Month:"2"}, {Month:"3"}, {Month:"4"}, {Month:"5"}, {Month:"6"}, {Month:"7"}, {Month:"8"}, {Month:"9"}, {Month:"10"}, {Month:"11"}, {Month:"12"})

  4. DayItems プロパティを次の数式に設定します。Set the Items property of Day to this formula:
    Table({Day:"1"}, {Day:"2"}, {Day:"3"}, {Day:"4"}, {Day:"5"}, {Day:"6"}, {Day:"7"}, {Day:"8"}, {Day:"9"}, {Day:"10"}, {Day:"11"}, {Day:"12"}, {Day:"13"}, {Day:"14"}, {Day:"15"}, {Day:"16"}, {Day:"17"}, {Day:"18"}, {Day:"19"}, {Day:"20"}, {Day:"21"}, {Day:"22"}, {Day:"23"}, {Day:"24"}, {Day:"25"}, {Day:"26"}, {Day:"27"}, {Day:"28"}, {Day:"29"}, {Day:"30"}, {Day:"31"})Table({Day:"1"}, {Day:"2"}, {Day:"3"}, {Day:"4"}, {Day:"5"}, {Day:"6"}, {Day:"7"}, {Day:"8"}, {Day:"9"}, {Day:"10"}, {Day:"11"}, {Day:"12"}, {Day:"13"}, {Day:"14"}, {Day:"15"}, {Day:"16"}, {Day:"17"}, {Day:"18"}, {Day:"19"}, {Day:"20"}, {Day:"21"}, {Day:"22"}, {Day:"23"}, {Day:"24"}, {Day:"25"}, {Day:"26"}, {Day:"27"}, {Day:"28"}, {Day:"29"}, {Day:"30"}, {Day:"31"})

  5. ラベル コントロールを追加し、その Text プロパティを次の数式に設定します。Add a Label control, and set its Text property to this formula:
    Text(Date(Value(Year.Selected.Value), Value(Month.Selected.Value), Value(Day.Selected.Value)), DateTimeFormat.LongDate)Text(Date(Value(Year.Selected.Value), Value(Month.Selected.Value), Value(Day.Selected.Value)), DateTimeFormat.LongDate)

    既定では "Wednesday, January 1, 2014" が表示されます。Wednesday, January 1, 2014 is listed by default. ドロップダウン コントロールで別の値を選択して、ラベル コントロールの日付を変更します。Select different values in the Drop down controls to change the date in the Label control.

想定外のデータを変換しなければならない場合があります。You may need to convert data that you didn't expect. ドロップダウン コントロールではなくテキスト入力コントロールを追加した場合、ユーザーは誤った日付 (5 月 45 日など) を入力する可能性があります。If you add Text input controls instead of Drop down controls, a user may enter an incorrect date, such as May 45. Date 関数は、異常なデータを次のように処理します。The Date function handles atypical data in the following ways:

  • 年の値が 0 以上で 1899 以下の場合は、年を計算するために、その値が 1900 に加算されます。If a year value is between 0 and 1899 (inclusive), the function adds that value to 1900 to calculate the year.
  • 年の値が 1900 以上で 9999 以下の場合は、その値が年として使用されます。If a year value is between 1900 and 9999 (inclusive), the function uses that value as the year.
  • 年の値が 0 未満または 10000 以上の場合は、エラー値が返されます。If a year value is less than 0 or is 10000 or greater, the function returns an error value.
  • 月の値が 12 を超える場合、その月数が、指定した年の最初の月に加算されます。If a month value is greater than 12, the function adds that number of months to the first month of the specified year.
  • 月の値が 1 未満である場合、その月数に 1 を加えた値が、指定した年の最初の月から減算されます。If a month value is less than 1, the function subtracts that many months, plus 1, from the first month of the specified year.
  • 指定された月の日数より日の値が大きい場合は、月の初日にその日数が加算され、翌月の対応する日付が返されます。If a day value is greater than the number of days in the specified month, the function adds that many days to the first day of the month and returns the corresponding date from a subsequent month.
  • 日の値が 1 未満の場合は、その日数に 1 を加えた数が、指定された月の初日から減算されます。If a day value is less than 1, the function subtracts that many days, plus 1, from the first day of the specified month.

時、分、秒に基づいて時刻を計算するCalculate times based on hours, minutes, and seconds

  1. HourMinute という名前の 2 つのドロップダウン リストを追加します。Add two Drop-down lists named Hour and Minute.

  2. HourItems プロパティを次の数式に設定します。Set the Items property of Hour to this formula:
    Table({Hour:"9"}, {Hour:"10"}, {Hour:"11"}, {Hour:"12"}, {Hour:"13"}, {Hour:"14"}, {Hour:"15"}, {Hour:"16"}, {Hour:"17"})Table({Hour:"9"}, {Hour:"10"}, {Hour:"11"}, {Hour:"12"}, {Hour:"13"}, {Hour:"14"}, {Hour:"15"}, {Hour:"16"}, {Hour:"17"})

  3. MinuteItems プロパティを次の数式に設定します。Set the Items property of Minute to this formula:
    Table({Minute:"0"}, {Minute:"15"}, {Minute:"30"}, {Minute:"45"})Table({Minute:"0"}, {Minute:"15"}, {Minute:"30"}, {Minute:"45"})

  4. ラベル コントロールを追加し、その Text プロパティを次の数式に設定します。Add a Label control, and set its Text property to this formula:

    Text(Time(Value(Hour.Selected.Value), Value(Minute.Selected.Value), 0), DateTimeFormat.ShortTime)Text(Time(Value(Hour.Selected.Value), Value(Minute.Selected.Value), 0), DateTimeFormat.ShortTime)

  5. [Hour]15 を、[Minute]45 を選択します。Select 15 in Hour and 45 in Minute.

    ラベル コントロールに "3:45 PM" と表示されます。The Label control shows 3:45 PM.

    ユーザーが選択できる時間の範囲を広げ、分数をより正確に指定することができるように、HourMinute にエントリを追加することもできます。You can add entries to Hour and Minute so that users can select from a bigger range of hours and a more precise number of minutes. さらに、3 つ目のドロップダウン コントロールを追加して、ユーザーが秒数を指定できるようにすることもできます。You can also add a third Drop down control so that users can specify seconds. 3 つ目のリストを追加した場合は、ラベル コントロールの Text プロパティを次の式に設定します。If you add a third list, set the Text property of the Label control to the following expression:
    Text(Time(Value(Hour.Selected.Value), Value(Minute.Selected.Value), Value(Second.Selected.Value)), DateTimeFormat.LongTime)Text(Time(Value(Hour.Selected.Value), Value(Minute.Selected.Value), Value(Second.Selected.Value)), DateTimeFormat.LongTime)