BASEのブログRSSの日付表示を整えたい

Question

前提・実現したいこと

BASEのテンプレートドキュメントから、ブログRSSの表示をしているのですが
日付の表示を整えたいので、わかる方いらっしゃいましたら
お力を貸してください。

試したこと

公式のブログRSS表示ソース
https://docs.thebase.in/docs/template/apps/blog_app

<script>
$(function(){
    $.ajax({
        url: '{BlogFeedPageURL}',
        type: 'GET',
        dataType: 'xml',
    })
    .done(function(data) {
        i = 1;
        $('item', data).each(function() {
            var link = $('link', this).text();
            var title = $('title', this).text();
            var date = $(this).find('pubDate').text();
            var image = $('image', this).text();
            var blog_content = '<div><a href="' + link + '"><p>' + date + '</p><img src="' + image + '"><p>' + title + '</p></a></div>';
//alert(link + ' : ' + title + ' : ' + image);
            $('#container').append(blog_content);
            if (i >= 3) {
                return false;
            }
            i++;
        });
    });
});
</script>

該当のソースコード

var date = $(this).find('pubDate').text();

自分で調べて、上記コードで日付を表示させたものの、表示形式が
「Thu, 02 Jul 2020 16:13:00 +0900」
という表示のため、この日付を
「2020/07/02」または「2020年7月2日」といった表示にしたい。

どうぞ、よろしくお願いいたします。

Answer 1

自分で調べて

RSSの仕様も調べましょう。

• Google検索 RSS 仕様

pubDate の出力フォーマットは変更してはいけません。

RSSフィード側でフォーマットを弄ると、リーダー側が日付を正しくパースしなくなるため。
表示される形式を変えていいのは RSSリーダー側です。

追記）

RSS表示

リーダーのことであれば、モダンブラウザのjavascriptは Date.parse() できませんか？

コメントを受けて）
RSSリーダー側ですと、応答される JavaScript内で文字列処理してはどうでしょうか。

/* omitted */
    .done(function(data) {
        i = 1;
        $('item', data).each(function() {
            var link = $('link', this).text();
            var title = $('title', this).text();
            var date = $(this).find('pubDate').text();

            // parse すると、{number} で msecが得られるので、Dateオブジェクト d を生成
            var d = new Date( Date.parse(date) );
            // 任意のフォーマットにする
            var Y = (''+d.getFullYear()).padStart(4, '0');
            var M = (''+(d.getMonth()+1)).padStart(2, '0');
            var D = (''+d.getDate()).padStart(2, '0');
            date = `${Y}年${M}月${D}日`;

            var image = $('image', this).text();
            var blog_content = '<div><a href="' + link + '"><p>' + date + '</p><img src="' + image + '"><p>' + title + '</p></a></div>';
//alert(link + ' : ' + title + ' : ' + image);
            $('#container').append(blog_content);
            if (i >= 3) {
                return false;
            }
            i++;
        });
    });

Comments

[mamachu]

Date.parse() やRSS仕様など、半日以上調べて試したものの、思う通りに表示させることができませんでした…。

----
$date = date("Y年 n月 j日", strtotime($item->pubDate));
$date = date('Y年 m月 d日', strtotime($item->children("http://purl.org/dc/elements/1.1/")->date));
for (i in data) { ～

などなど、試したものの、何が原因なのか、実際のBASE画面を編集しておりますが
RSSが非表示になるか、「Thu, 02 Jul 2020 16:13:00 +0900」
のどちらかの結果にしかなりませんでした。

検索のヒントになりそうなものやコードなど、大変お忙しいところ申し訳ございませんが
指導いただければありがたいです…！

[AkitoshiManabe]

非表示になるのは、PHPでRSSのフォーマットを崩したためかもしれません。
表示する直前に JavaScript で弄りましょう。

[mamachu]

ソースを記載していただき、大変ありがとうございました！
こちらで試したところ、きちんと日付で表示されるようになりました。
トータルで3日間ほど、ずっといじくりまわしていたので、ようやくこれでスッキリすることができました。