前提・実現したいこと
現在、インスタグラムAPIで最新8枚をサイト上に表示させています。
今回は、その写真の下に、投稿日を記載したいです。
該当のソース
HTML
1 <div class="instacontainer"> 2 <div id="instafeed" class="row"></div> 3 </div>
JS
1$(function(){ 2 $.ajax({ 3 type: 'GET', 4 url: 'https://graph.facebook.com/v3.0/178414456XXXXXXXX?fields=name%2Cmedia.limit(8)%7Bcaption%2Clike_count%2Cmedia_url%2Cpermalink%2Ctimestamp%2Cusername%7D&access_token=EAADkqohXZBZCsBACRqr7Iskia0OhL6ggIpyZAAUEOgGoQYjsLn56MoULLZC0FehXJ9Mx7R0Wol4Cw2KTnBMI46ZCg39lM5v6gKYO7KCWBLch9OrL2mUsWmEQsnMNGSAZBxW1ZAai6IRAFQDF15Q5hCGt1ZCXyuiS7b9vT3rGS3RfL2EgFZC6uhD6ZADZC40EWXXXXXXXX', 5 dataType: 'json', 6 success: function(json) { 7 var html = ''; 8 var insta = json.media.data; 9 for (var i = 0; i < insta.length; i++) { 10 html += '<div ><a href="' + insta[i].permalink + '" target="_blank"><img src="' + insta[i].media_url + '"></a></div>'; 11 } 12 $("#instafeed").append(html); 13 }, 14 15 error: function() { 16 17 //エラー時の処理 18 } 19 }); 20});
試したこと
こちらの過去の質問を見ると、
Instagram APIで日付を出力するには
この一文を追記すれば良いということを知り、
JS
1var d = new Date( Number( json.data[i].created_time+'000' ) );
$(function(){ $.ajax({ type: 'GET', url: 'https://graph.facebook.com/v3.0/178414456XXXXXXXX?fields=name%2Cmedia.limit(8)%7Bcaption%2Clike_count%2Cmedia_url%2Cpermalink%2Ctimestamp%2Cusername%7D&access_token=EAADkqohXZBZCsBACRqr7Iskia0OhL6ggIpyZAAUEOgGoQYjsLn56MoULLZC0FehXJ9Mx7R0Wol4Cw2KTnBMI46ZCg39lM5v6gKYO7KCWBLch9OrL2mUsWmEQsnMNGSAZBxW1ZAai6IRAFQDF15Q5hCGt1ZCXyuiS7b9vT3rGS3RfL2EgFZC6uhD6ZADZC40EWXXXXXXXX', 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 + '"></a></div>'; } 追記→ var d = new Date( Number( item.created_time+'000' ) ); 追記→ dateToFormatString(new Date(), '%YYYY%年%MM%月%DD%日 (%w%) %HH%時%mm%分%ss%秒'); $("#instafeed").append(html); }, error: function() { //エラー時の処理 } }); });
書く位置をいろいろためしたのですが、成功しませんでした。
もしかして、私が表示させてるこのdateTypeだと
この書き方では、日付が表示されないのでしょうか。
ご存知の方、ご教示いただけましたら幸いです。
2021/04/09 12:10追記
このサイトにあるように
こんな感じのcodeなら表示されるはずなのですが
真似てみたものの、画面が真っ白になるだけで…
どこに書けばうまく表示されるのでしょうか
$(function(){ $.ajax({ type: 'GET', url: 'https://graph.facebook.com/v3.0/17841445667264403?fields=name%2Cmedia.limit(8)%7Bcaption%2Clike_count%2Cmedia_url%2Cpermalink%2Ctimestamp%2Cusername%7D&access_token=EAADkqohXZBZCsBACRqr7Iskia0OhL6ggIpyZAAUEOgGoQYjsLn56MoULLZC0FehXJ9Mx7R0Wol4Cw2KTnBMI46ZCg39lM5v6gKYO7KCWBLch9OrL2mUsWmEQsnMNGSAZBxW1ZAai6IRAFQDF15Q5hCGt1ZCXyuiS7b9vT3rGS3RfL2EgFZC6uhD6ZADZC40EW8Em3UZD', dataType: 'json', success: function(json) { var html = ''; var insta = json.media.data; var time = parseISO8601(json[i].created_time); for (var i = 0; i < insta.length; i++) { html += '<div ><a href="' + insta[i].permalink + '" target="_blank"><img src="' + insta[i].media_url + '"></a></div>'; } $("#instafeed").append(html); }, error: function() { //エラー時の処理 } }); }); function parseISO8601(str) { var date = str.match(/(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})/); return date = date[1] + "年" + date[2] + "月" + date[3] + "日";
回答1件
あなたの回答
tips
プレビュー