# カレンダー色の出しわけ

**URL:** <https://community.cybozu.dev/t/topic/3360>\
**Category:** kintone 開発相談\
**Created:** [2018 年 9 月 14 日午前 5:36 UTC](https://community.cybozu.dev/t/topic/3360 "2018-09-14T05:36:58Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account785](https://avatars.discourse-cdn.com/v4/letter/l/a6a055/32.png) [@Legacy\_Account785](https://community.cybozu.dev/u/Legacy_Account785)\
**Post date:** [2018 年 9 月 14 日午前 5:36 UTC](https://community.cybozu.dev/t/topic/3360/1 "2018-09-14T05:36:58Z")

</div>



---

<div class="post-metadata">

**Author:** ![Legacy\_Account785](https://avatars.discourse-cdn.com/v4/letter/l/a6a055/32.png) [@Legacy\_Account785](https://community.cybozu.dev/u/Legacy_Account785)\
**Post date:** [2018 年 9 月 14 日午前 5:44 UTC](https://community.cybozu.dev/t/topic/3360/2 "2018-09-14T05:44:55Z")

</div>

お疲れ様、アーメルです。

上記添付ファイルですが、カレンダー内容を色で分けたいのですが、以下のコードを作成したけれども、実行してみると、反映されないので、

解決方法を教えて頂ければ助かります。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

(function() {  
“use strict”;  
kintone.events.on(“app.record.index.show”, function(event) {  
//アプリの一覧取得  
var viewId = event.viewId;  
console.log(viewId);  
//各部署名  
var color = ‘【色3】’;  
var other\_color = ‘【その色】’;  
//カレンダー内にある文字列を取得し、カラーで表示  
if(viewId){  
var contents = document.getElementsByClassName(‘fc-event’);  
// contents = Array.from(contents);  
for (var i=0; i\<contents.length; i++) {  
var content = contents[i];  
console.log(content);  
if (contents[i].innerText.indexOf(color) != -1) {  
contents[i].innerText.indexOf(color).style.color = ‘red’;  
}else if(contents[i].innerText.indexOf(other\_color) \>= 0){  
contents[i].innerText.indexOf(other\_color).style.color = ‘yellow’;  
}  
}  
}  
});  
})();

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

以上、よろしくお願いします。