コメント欄の書込み日時の取得方法について

いつも参考にさせて頂いております。

先日公開されたTips『Moment.js を利用して、日時フィールドのフォーマットをカスタマイズする』
https://cybozudev.zendesk.com/hc/ja/articles/204982474-Moment-js-%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6-%E6%97%A5%E6%99%82%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%81%AE%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%83%E3%83%88%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%81%99%E3%82%8B

において、更新日時から『○日前』などの表示が可能になりましたが、
これを 『更新日時』 ではなく、 『コメント欄の書込み日時』 に対応させるよう
カスタマイズを考えていますが行き詰ってしまいました。

どなたかアドバイスを頂ければ助かります。
宜しくお願い致します。

鈴木 圭 さん
Cstapの瀧ヶ平です。

コメント欄の日時に対応させる場合、DOM操作によって実現できます。
コメント欄の日時のspan要素のclass名は ‘itemlist-datetime-gaia’ となっているので、

var elements = document.getElementsByClassName('itemlist-datetime-gaia');
        for (var i = 0; i < elements.length; i++) {
          var date = elements[i].innerText;
          elements[i].innerText = moment(date).fromNow();
        }

のような処理で対応できるかと思います。

以上、参考になれば幸いです。

瀧ヶ平さん

回答ありがとうございます。
続けて質問になりますが、
取得した日時をレコード一覧画面表示イベントに反映させるには
具体的にどのようにしたらよろしいでしょうか?

一覧に反映させるイメージとしては、
①コメントの書き込みボタンを押下した時点で最新コメント日時を取得。
②取得した最新コメント日時をフィールド(日時orスペース)に転記させてレコードを更新させる
③一覧画面にフィールドを追加

こんな感じでよいのでしょうか?

できましたらアドバイスいただければと思います。
お手数ですがよろしくお願いします。

鈴木 圭 さん

そういったやり方で問題ないと思います。
何かお困りのことがあればまた気軽に質問してください