日付の値を任意の形式に変換してテキストに設定する

日付の値を任意の形式に変更して設定するサンプルをご紹介します。
設定した年や月のテキスト情報で条件分岐の値に活用することができます。

サンプルについて

本サンプルのソースコードについてや、カスタマイズ方法等の技術的なお問合せは承っておりません。

動作イメージ

利用するイベント

• 申請入力画面 - パーツ値変更イベント

サンプルフォーム

サンプルで利用するフォームには、以下のパーツを配置しています。

パーツID	パーツタイプ	補足
fidDate	日付パーツ
fidMonthText	テキスト（一行）パーツ	日付が変更された時に日付の年月を設定 ※経路設定で申請時の編集不可

カスタマイズコード

(function() {
  'use strict';

  /**
   * 日付が変更された場合に発生する
   */
  collaboflow.events.on("request.input.fidDate.change", function (event) {
    // 日付の値
    const targetDate = event.parts[event.parts_id].value;

    // 月を取得して、設定する
    const month = targetDate.getMonth() + 1;
    event.parts["fidMonthText"].value = month + "月";
  });

})();

動作の確認手順

1. サンプルのカスタマイズコードをjsファイルに保存します。
2. アプリ設定＞フォーム設定から新規に通常フォームを作成します。
3. サンプルフォームに、先で記載されている必要な項目を配置します。
4. サンプルフォームを再度表示し、カスタマイズタブを表示します。
5. 保存したファイルをアップロードします。
6. アプリ設定＞経路設定から新規に経路を作成します。
7. 新規文書から作成した経路名をクリックします。
8. 申請画面が表示されます。
9. 日付の値を変更します。
10. 指定された日付の月が設定されます。