Power Apps キャンバスアプリを用いて、年月のみで日付を表示・選択する方法(2)【SharePointリスト側の処理】

エンジニア募集しています

アーティサンではローコードエンジニアをはじめ、クラウド開発者やコンサルタントなどを募集しています。
アーティサンの仕事内容や転職にご興味のある方はこちらもご覧ください。

こんにちは。アーティサン株式会社の小刀稱（ことね）です。

通常このような場合、デートピッカー（DatePicker）を用いることが一般的です。
しかし、デートピッカーは年月日（例：2021年12月7日）までを必ず選択する必要があります。

よって、年月（例：2021年12月）のみで日付を表示・選択したい場合には、デートピッカーでの運用は向いておりません。

そこで本連載では、ドロップダウンを用いて、年月のみで日付の表示・選択を行う方法についてお伝えします。

前回までの内容は、以下をご参照ください。

Power Apps キャンバスアプリを用いて、年月のみで日付を表示・選択する方法(1)【Power Apps側の処理】

前回、「データテーブル・ギャラリーを修正」までご紹介しました。
今回は、SharePointリストの表示を変更するについてお伝えします。

SharePointリストの表示を変更する

SharePointリストの列の表示を日付（年月のみ）とする方法について説明します。

変更方法としては以下2通りの方法があります。

新しい列を追加し、数式を用いて表示方法を設定
既存列の書式設定をJSONにて設定

それぞれの方法を以下で説明します。

新しい列を追加し、数式を用いて表示方法を設定

新しい列を追加し、以下の設定を行います。

ポイントとしては=TEXT(日付,”yyyy年MM月”)の部分です。

事前に作成していた「日付」列の値から、年月のみを表示するように設定しています。
SharePointリストを表示してみましょう。

年月のみ表示されている列が新しく追加されました。

このままでは、「日付」列と「日付（年月）」列の２つが表示されてしまいますので、ビューから「日付」列を削除するなどの対応を行ってください。

既存列の書式設定をJSONにて設定

「日付」列の書式設定から、以下JSONを記載します。

{
    "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
    "elmType": "div",
    "txtContent": "= getYear(@currentField) + '年' + getMonth(@currentField) + '月'"
}

ポイントとしては「数式」項目の
txtContent”: “= getYear(@currentField) + ‘年’ + getMonth(@currentField) + ‘月'”の部分です。
@currentFieldが「日付」列に格納されている実際の値であり、getYear・getMonthを用いて、年及び月を取得しています。

上記設定により、「日付」列の表示を変更することができました。

SharePointリストの表示を変更する際のメリット・デメリット

上記2つの方法について、メリット・デメリットをまとめました。

	メリット	デメリット
新しい列を追加し、数式にて表示方法を設定	・コーディングの知識がほぼ不要	・新しい列を別途追加する必要あり
既存列の書式設定をJSONにて設定	・新しい列を追加する必要なし	・コーディングの知識が必要