timestampで表示されている形式を〇/〇/〇の形に整えたい

Question

前提・実現したいこと

フェイスブックのGraph APIで、日付を取得して表示させているのですが、
今、下記のようになってしまっています。

2021-04-26T01:41:29+0000

これを、普通に

2021/04/26

このように表示させたいのですが
何かアドバイス頂けませんでしょうか。

該当のソースコード

<div class="instacontainer">
  <div id="instafeed" class="row"></div>
</div>

$(function(){
	$.ajax({
		type: 'GET',
		url: 'https://graph.facebook.com/v3.0/●●●●●●●●●●●●●?fields=name%2Cmedia.limit(8)%7Bcaption%2Clike_count%2Cmedia_url%2Cpermalink%2Ctimestamp%2Cusername%7D&access_token=アクセストークン',
		dataType: 'json',
		success: function(json) {
		    var html = '';
		    var insta = json.media.data;
		    for (var i = 0; i < insta.length; i++) {
		    	html += '<div><a href="' + insta[i].permalink + '" target="_blank"><img src="' + insta[i].media_url + '"><p>' + insta[i].timestamp + '</p></a></div>';
		    }
		      $("#instafeed").append(html);			
		},

		error: function() {
 
		//エラー時の処理
		}
	});
});	

この部分で、日付を表示させています。

<p>' + insta[i].timestamp + '</p>

調べたところ、「timestamp」はそのままでは整形されないのでdate（）関数を利用して出力するようなことは分かり、試してみましたが、
いずれも失敗しています。

・参考記事
var d = new Date( Number( insta[i].timestamp+'000' ) );
を入れる方法。

・参考記事
こちらの記事は、やりたいことに近く、真似たいのですが、PHPを使用しておらず、手詰まりとなりました

補足情報（FW/ツールのバージョンなど）

VScode
Windows
を使用しています。

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

Answer 1

この形式の時刻表現は ISO8601 とされるものです。 時刻に関する関数などで調べたいときに ISOstring などの名称で出てくるので覚えておくと良いでしょう。

2021-04-26T01:41:29+0000

このデータの場合、UTC（タイムゾーンが0）の時刻を指していますので、日本時間(+9)であれば 10:41 となります。日本での日付が欲しい場合は、ここをちゃんと読み取らないと１日ずれることがあります。
この形式の文字列をパース（parse, 文字を解釈して時刻データに変換する）のは最近のJSなら以下で十分かと思います。

var d = new Date("2021-04-26T01:41:29+0000");

d は時刻データ Date の値となります。

これを YYYY/MM/DD に変換するには Intl.DateTimeFormat を使うのが便利です。

var formatter = new Intl.DateTimeFormat("ja", {year: 'numeric', month: '2-digit', day: '2-digit'});
formatter.format(d); // => "2021/04/26"

Comments

[nomura02]

ありがとうございます！！
助かりました！！！

Answer 2

下記の技を検討してみてください。

const timestamp = '2021-04-26T01:41:29+0000';
var date = timestamp.replace(/^(\d{4})-(\d{2})-(\d{2}).*/, '$1/$2/$3');
console.log(date);

Comments

[nomura02]

ありがとうございます！！さっそく試してみました。そしてとても参考になりました！
コピペしてみて、変化はまだ無いのですが、こちらを元にこねくり回してみようと思います…！！
このタイムスタンプで表示されてる、2021(４文字)-04(2文字)-26(2文字)これを
〇/〇/〇のかたちで新しい文字列で返す…って感じですかね？？
思いつきもしませんでした…

[itagagaki]

ベストアンサーのmatherさんの答えが正解だと思います。
でもreplaceも何かと便利ですので、この機会にぜひ学んでみてください。