レコード一覧画面で日付フィールドに条件書式を設定したい

kintone カスタマイズ
1

日付フィールドに期限日を設定して、レコード一覧画面で、

期限日の2ヶ月前（以降）になったら、文字色を赤く変更したいです。

 

https://developer.cybozu.io/hc/ja/articles/202341944

こちらの方法で、文字フィールドの色変更は、適用できました。

 

初心者です。よろしくお願いします。

2

m さん

こんにちは。ひよこです。

コミュニティ回答に引用される記事まとめでも紹介されてますが、日付計算には Moment.js というライブラリが便利です。

やりたいことは「ログインユーザーが担当しているレコードに背景色をつける」という記事が、「日付」フィールドを使って日付の比較をして色をつけているので、参考になりそうです！

3

ありがとうございます。

ご紹介いただいた記事は、見ていたのですが、不要な部分が多く、わかりにくかったので、こちらで質問させていただきました。

なんとか、実装できましたので、共有させていただきます。

初心者なため、おかしな部分などありましたら、ご指摘ください。

 

//一覧画面で期限日（f_limitday）が、60日以内なら、赤字にする

(function() {
"use strict";
kintone.events.on('app.record.index.show', function(event) {

var LIMIT_DAY = moment().add(60, 'day').format();
var elLimitDay = kintone.app.getFieldElements('f_limitday');
for (var i = 0; i < elLimitDay.length; i++) {
var record = event.records[i];
var mt = moment(record.f_limitday.value);

if (mt.format('YYYY-MM-DD') < LIMIT_DAY) {
elLimitDay[i].style.color = 'red';
}
}
});
})();