日付の形式（yyyy/mm/dd）を（yyyy-mm-dd）に変換する

日付の形式（yyyy/mm/dd）を（yyyy-mm-dd）に変換するサンプルをご紹介します。

サンプルについて

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

利用するイベント

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

サンプルフォーム

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

パーツID	パーツタイプ	補足
fidText	テキスト（一行）パーツ

カスタマイズコード

(function () {
    'use strict';

    collaboflow.events.on('request.input.fidText.change', function (data) {
        const fidTextValue = data.parts['fidText'].value;
        const changeDate = new Date(data.parts['fidText'].value);

        if(fidTextValue === '') {
            return;
        }

        data.parts['fidText'].value = formatDate(changeDate);
    });

    function formatDate(datetime) {
        const year = datetime.getFullYear();
        const month = datetime.getMonth() + 1;
        const day = datetime.getDate();
        return (year + '-' + month + '-' + day);
    }
})();

動作の確認手順

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

動作イメージ