独自に日数を算出するサンプルをご紹介します。
サンプルについて
本サンプルのソースコードについてや、カスタマイズ方法等の技術的なお問合せは承っておりません。利用するイベント
サンプルフォーム
サンプルで利用するフォームには、以下のパーツを配置しています。
パーツID | パーツタイプ | 補足 |
---|---|---|
fidStartDate | 日付パーツ | 開始日 |
fidEndDate | 日付パーツ | 終了日 |
fidDayPeriod | テキスト(一行)パーツ | 日数。経路で編集不可に設定 |
カスタマイズコード
(function () {
'use strict';
collaboflow.events.on(['request.input.fidStartDate.change', 'request.input.fidEndDate.change'], function (e) {
const parts = e.parts;
const startDate = parts['fidStartDate'].value;
const endDate = parts['fidEndDate'].value;
if (startDate === '' || endDate === '') {
// 開始日または終了日が空の場合は、日数をクリア
parts['fidDayPeriod'].value = '';
return;
}
const DAY_MILLION_SECOND = 24 * 60 * 60 * 1000;
const dayPeriod = (startDate - endDate) / DAY_MILLION_SECOND;
parts['fidDayPeriod'].value = Math.abs(dayPeriod) + 1;
});
})();
動作の確認手順
- サンプルのカスタマイズコードをjsファイルに保存します。
- アプリ設定>フォーム設定から新規に通常フォームを作成します。
- サンプルフォームに、先で記載されている必要な項目を配置します。
- サンプルフォームを再度表示し、カスタマイズタブを表示します。
- 保存したファイルをアップロードします。
- アプリ設定>経路設定から新規に経路を作成します。
- 申請時の設定で、日数の編集を不可にします。
- 新規文書から作成した経路名をクリックします。
- 開始日と終了日に任意に日付を入力します。
- 日数が算出されます。
コメント
0件のコメント
記事コメントは受け付けていません。