# レコード詳細画面で、テーブル内日付→曜日計算→土日のみ文字色変更したい

**URL:** <https://community.cybozu.dev/t/topic/8934>\
**Category:** kintone 開発相談\
**Created:** [2024 年 4 月 19 日午前 6:28 UTC](https://community.cybozu.dev/t/topic/8934 "2024-04-19T06:28:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ack.tm](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@ack.tm](https://community.cybozu.dev/u/ack.tm)\
**Post date:** [2024 年 4 月 19 日午前 6:28 UTC](https://community.cybozu.dev/t/topic/8934/1 "2024-04-19T06:28:28Z")

</div>

### 何を実現したいのかを書きましょう

ここ最近、職場にkintoneを導入しまして手探りでアプリ作成しており  
プログラム関係は完全に初心者です。  
下記内容を実現したく、教えていただければと思います。

レコード詳細画面で、  
テーブル内→【日付】【曜日（ドロップダウン）‘曜日’】を配置し  
曜日は自動で入ってほしかったので、曜日計算プラグインを読み込みました。  
日付入力した後に表示される曜日で、土・日（土は青、日は赤）だけ文字色を変更して表示させたいです。

### 実行したコードをコピー＆ペーストしましょう

(() =\> {  
‘use strict’;  
kintone.events.on(‘app.record.detail.show’, (event) =\> {  
const elUrgent = kintone.app.getFieldElements(‘曜日’);  
if (event.records[i][‘曜日’][‘value’] === ‘日’) {  
elUrgent[i].style.color = ‘#ff0000’;  
}  
});  
})();

上記をkintoneのJavaScriptカスタマイズをブラウザから行うことができるプラグインで保存してみましたが、実現できず…  
色々と調べてみたのですが、’曜日’が独立してなくてテーブル内にあるのでまずそこからの指示が必要なんでしょうか？

---

<div class="post-metadata">

**Author:** ![mura](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mura/32/41_2.png) [@mura](https://community.cybozu.dev/u/mura)\
**Post date:** [2024 年 4 月 21 日午後 11:16 UTC](https://community.cybozu.dev/t/topic/8934/2 "2024-04-21T23:16:54Z")

</div>

> if (event.records[i][‘曜日’][‘value’] === ‘日’) {

詳細画面ですので、レコードを複数含んだ配列ではなく、１つのレコードのデータとして扱えます  
`if (event.record['曜日']['value'] === '日') {`  
などに変更する必要があります。

（大変かとは思われますが、  
今後カスタマイズ前提であれば、学習しながら進めないと難しいとも思いますのでぜひ学習していくのをおすすめします。

> **[チュートリアル](https://cybozu.dev/ja/tutorials/)**
>
> kintone カスタマイズを始める人向けの、JavaScript や kintone API を学べるコンテンツです。

---

<div class="post-metadata">

**Author:** ![ack.tm](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@ack.tm](https://community.cybozu.dev/u/ack.tm)\
**Post date:** [2024 年 4 月 22 日午前 6:07 UTC](https://community.cybozu.dev/t/topic/8934/3 "2024-04-22T06:07:42Z")

</div>

ありがとうございます。  
もう少し調べてみます。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 5 月 31 日午前 2:09 UTC](https://community.cybozu.dev/t/topic/8934/4 "2024-05-31T02:09:45Z")

</div>

クローズされました: 2024 年 5 月 31 日午前 2:09 UTC

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。