# テーブル内の日付けフィールドの表示を変更したいです。

**URL:** <https://community.cybozu.dev/t/topic/7653>\
**Category:** kintone 開発相談\
**Created:** [2022 年 8 月 26 日午前 9:06 UTC](https://community.cybozu.dev/t/topic/7653 "2022-08-26T09:06:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2171](https://avatars.discourse-cdn.com/v4/letter/l/839c29/32.png) [@Legacy\_Account2171](https://community.cybozu.dev/u/Legacy_Account2171)\
**Post date:** [2022 年 8 月 26 日午前 9:06 UTC](https://community.cybozu.dev/t/topic/7653/1 "2022-08-26T09:06:29Z")

</div>

お世話になっております。

テーブル（フィールドコード→birthday）の中にある、日付けフィールド（フィールドコード→day）の表示を2022-08-26から8月26日と表示するよう下記のコードを書いていましたがうまく動きません。ご指導ご鞭撻頂けたらと思い投稿させていただきました。何卒よろしくお願い致します。

&nbsp;

jQuery.noConflict();  
(function($) {  
&nbsp;“use strict”;  
&nbsp;kintone.events.on(“app.record.detail.show”, function(event) {  
&nbsp;var record = event.record;  
&nbsp;if (record[‘birthday’][‘day’][‘value’]) {  
&nbsp;var MD = moment(record[‘birthday’][‘day’][‘value’]).format(‘M月D日’);  
&nbsp;var ele1 = kintone.app.record.getFieldElement(‘day’);  
&nbsp;$(ele1).find(‘span’).text(MD);  
&nbsp;}  
&nbsp;return event;  
&nbsp;});  
&nbsp;kintone.events.on(“app.record.index.show”, function(event) {  
&nbsp;var ele1 = kintone.app.getFieldElements(‘day’);  
&nbsp;if (ele1) {  
&nbsp;for (var i = 0; i \< ele1.length; i++) {  
&nbsp;var date = $(ele1[i]).find(‘span’).text();  
&nbsp;if (date) {  
&nbsp;var MD = moment(date).format(‘M月D日’);  
&nbsp;$(ele1[i]).find(‘span’).text(MD);  
&nbsp;}  
&nbsp;}  
&nbsp;}  
&nbsp;return event;  
&nbsp;});  
})(jQuery);

&nbsp;

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2757](https://avatars.discourse-cdn.com/v4/letter/l/65b543/32.png) [@Legacy\_Account2757](https://community.cybozu.dev/u/Legacy_Account2757)\
**Post date:** [2022 年 8 月 29 日午前 6:33 UTC](https://community.cybozu.dev/t/topic/7653/2 "2022-08-29T06:33:14Z")

</div>

おもち様

プログラムが動かないときは，開発者ツールを使うとエラーの内容がわかるので，  
エラーの内容を合わせて提示してもらえると，回答が付きやすいと思います．  
chrome：右上の「︙」→その他ツール→デベロッパーツール  
(画面下にいくつか)項目があるので「Console」をクリックする  
Edge：右上の「…」→その他ツール→開発者ツール  
（画面上に「コンソール」があるのでクリックする）

問題箇所ですが，

```
record['birthday']['day']['value']

```

birthdayがテーブルとのことなので，上記のような取得の仕方ではなく，ループ処理が必要と思います．

```
record['birthday'].value.forEach((row) => {
if(row.value[day].value){
  //日付の書式を変更するコード
}
});

```

また，moment.jsはkintoneでは現在推奨されていません．代替としてluxonが提案されているので，併せて検討いただくのが良いかと思います．  
＜参考＞  
[kintoneにおけるテーブル操作の基本（行の追加・更新・削除）](https://community.cybozu.dev/hc/ja/articles/360022502911-kintone%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E6%93%8D%E4%BD%9C%E3%81%AE%E5%9F%BA%E6%9C%AC-%E8%A1%8C%E3%81%AE%E8%BF%BD%E5%8A%A0-%E6%9B%B4%E6%96%B0-%E5%89%8A%E9%99%A4-)  
[Cybozu CDN(moment.js，luxonについての記載があります)](https://community.cybozu.dev/hc/ja/articles/202960194)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2171](https://avatars.discourse-cdn.com/v4/letter/l/839c29/32.png) [@Legacy\_Account2171](https://community.cybozu.dev/u/Legacy_Account2171)\
**Post date:** [2022 年 8 月 30 日午前 5:52 UTC](https://community.cybozu.dev/t/topic/7653/3 "2022-08-30T05:52:15Z")

</div>

TO様

開発者ツールとコード記載ありがとうございました。

まだ解決できていないですが調べながらコード書いてみます！

---

<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 年 8 月 30 日午前 8:31 UTC](https://community.cybozu.dev/t/topic/7653/4 "2024-08-30T08:31:54Z")

</div>

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