代替ライブラリのひとつ Luxon については、kintone カスタマイズでの導入方法の紹介記事があります。
概要
障害対応管理アプリのプロセスを「完了」にすると、作業を完了した日、担当者(ログインユーザー)を記録するカスタマイズサンプルです。 その他、次の機能も搭載しています。
- レコード登録時に自動採番を設定する
- 作業完了日フィールドと担当者フィールドを入力不可にする
- レコード再利用時には、作業完了日と担当者をクリアにする
完成形
事前準備
- kintone アプリ(kintone アプリストア にある「障害対応管理」アプリを使います)
※該当のアプリは、https://(サブドメイン).cybozu.com/k/#/market/ から追加できます。 - エディター
サンプルプログラム
ご注意事項
- サンプルプログラムは、その動作を保証するものではありません
- サンプルプログラムの技術的なサポート等は行っていません
- XMLHttpRequest を使って同期処理している箇所があります。 処理中はブラウザがフリーズする場合があります。 また、XMLHttpRequest は利用できないブラウザもありますので、ご注意ください。
PC用のJavaScriptファイル
詳細設定から「JavaScript / CSSによるカスタマイズ」を開き、Cybozu CDN から次のライブラリを指定します。
- Mement.js
https://js.cybozu.com/momentjs/2.8.4/moment-with-locales.min.js (version 2.8.4 を利用)
JavaScriptサンプル
- 次のサンプルプログラムをエディターにコピーして、ファイル名を「sample.js」 、文字コードを「UTF-8」、BOMなしで保存します
※ファイル名は任意ですが、ファイルの拡張子は「js」にしてください - 保存したファイルは、「JavaScript / CSSによるカスタマイズ」画面でアップロードして保存します
設定した画面
「JavaScript / CSSによるカスタマイズ」画面でそれぞれ設定した例を紹介します。
使用したAPI
- イベントハンドラーを登録する
- レコード追加画面が表示された時のイベント
- レコード編集画面が表示された時のイベント
- レコード追加画面の保存実行前イベント
- レコード編集画面の保存実行前イベント
- レコード一覧画面の「保存ボタン」クリック時イベント
- URL を取得する(クエリ文字列無し)
- プロセス管理のアクション実行イベント
デモ環境
https://dev-demo.cybozu.com/k/56/
※デモ環境についての説明はこちら
記事に関するフィードバック
記事のコメント欄は記事に対するフィードバックをする場となっております。
右の記事フィードバックのためのガイドを参照してコメントしてください。
記事のリンク切れなど、気になる点がある場合も、こちらのフォームからフィードバックいただけますと幸いです。