###前提・実現したいこと
wordpress REST APIでページの出力を試みております。
・特定のサイトの投稿データを取得。
・投稿データは最新の10件を取得。
・各投稿データのタイトルとリンク先を出力。
ここまでは成功しましたが、日付の出力が困っております。下記に記します。
###発生している問題・エラーメッセージ
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>WP REST APIテストページ</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script type="text/javascript"> $(function() { $.getJSON( "https://example.com/wp-json/wp/v2/posts/?filter[post_per_page]=10", function(results) { $.each(results, function(i, item) { $("ul#mylist").append('<dd><time>2016.11.01</time><a href=" + item.link +">' + item.title.rendered + '</a></dd>'); }); }); }); </script> </head> <body> <h2>お知らせ 最新10件</h2> <ul id="mylist"> </ul> </body> </html>
###試したこと
js
1var date = item.date;
上記で、日付データは取得できるのですが、「年」「月」「日」と分けたい場合はどのようにすればよいのかがわかりませんでした。
js
1var y = getFullYear(date);
ちなみに上記では上手く取得できませんでした。
ご教示のほどよろしくお願いします。
以上
kei344様からアドバイスを頂きソースを更新しました(成功)----------------------------------------------------------------
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>WP REST APIテストページ</title> 6 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 7 <script type="text/javascript"> 8 $(function() { 9 $.getJSON( "http://test55.sakura.ne.jp/wp-json/wp/v2/posts/?filter[post_per_page]=10", function(results) { 10 $.each(results, function(i, item) { 11 12 var date = new Date(item.date); 13 yy = date.getFullYear(date); 14 mm = date.getMonth() + 1; 15 dd = date.getDate(); 16 17 $("ul#mylist").append('<li class="flex"><time datetime="' + yy + mm + dd + '">' + yy + '/' + mm + '/' + dd + '</time><a href="' + item.link + '">' + item.title.rendered + '</a></li>'); 18 }); 19 }); 20 }); 21 </script> 22 </head> 23 <body> 24 <h2>お知らせ 最新10件</h2> 25 <ul id="mylist"> 26 27 </ul> 28 </body> 29</html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/23 08:02