Google AJAX Feed APIでRSSフィードの日付も表示

どうなるかというと下のように日付が表示されます。 上のサンプルのソースはこんな感じです。

<script type="text/javascript" src="http://www.google.com/jsapi?key=取得したAPI キー"></script>
<script type="text/javascript">

google.load("feeds", "1");

function initialize() {
  var feed = new google.feeds.Feed("フィードのアドレス");
    feed.setNumEntries(10);
    feed.load(function(result) {
      if (!result.error) {
        var container = document.getElementById("feed");
        for (var i = 0; i < result.feed.entries.length; i++) {
          var entry = result.feed.entries[i];
          var div = document.createElement("li");
          var a = document.createElement("a");
          a.href = entry.link;
          a.target = "_blank" ;
          var date = new Date(entry.publishedDate);
          a.appendChild(document.createTextNode(entry.title + " (" + date.toLocaleDateString() + ")"  ));
          div.appendChild(a);
          container.appendChild(div);
        }
      }
    });
  }
  google.setOnLoadCallback(initialize);

</script>
<div id="feed"></div>

まずvar date = new Date(entry.publishedDate);で日付を取得し変数dateに挿入します。しかし、このままだとdateは以下のようになってしまいます。 非常に分かりにくいですね。ってことで表示したい形に変更します。今回のサンプルでは以下のようにして上のdateから年月日を取得しています。 赤の部分のtoLocaleDateString()を変更するとこで様々な形で表示することができます。例として使えそうなものを紹介します。 これらを組み合わせると自由に表示することができます。ただ、月数が実際より1つ少なく表示されるなど面倒だという場合は次を使うと便利です。 やはりこちらの方が便利ですね。