jquery.datepickerもしくはbootstrap datepickerを使って、blogの投稿があった日にリンクをつけたい

Question

###前提・実現したいこと
jQuery.UI.datepicker もしくは、bootstrap-datepickerに
自宅サーバーで動作しているblog(WP)の投稿があった日にリンクを張りたいと思っています。
張ったリンクからは、実際の記事に飛ばしたいと考えています。
デフォルトでついているものではなく、自分で作ってみたく、質問しました。

出力できているデータは、YYYY/MM/DD形式と、パーマリンクのセット(JSON)です。

英語の文献含めて一通り探しましたが、実現方法がわかりませんでした。

ご教授いただけますと幸いです。

Accepted Answer

クリックしたら指定のURLに飛ばしたいなら、onSelectで判断してデータがあれば飛ばせばいいかと思います

1日にひとつの記事という前提ですがサンプルです

```javascript
// こんなデータ構造とする
var data = [
	{date: "2014/12/11", url: "http://example.com/1"},
	{date: "2015/11/12", url: "http://example.com/2"},
	{date: "2016/10/13", url: "http://example.com/3"},
]


var data_formated = {} // date -> url
data.forEach(function(e){
	data_formated[new Date(e.date).toLocaleString()] = e.url
})

$(elem).datepicker({
	onSelect: function(text, inst){
		var key = new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay).toLocaleString()
		var url = data_formated[key]
		if(url){
			location.href = url
		}else{
			alert("その日の記事はありません")
		}
	}
})
```

Answer

まず、jQuery.UI.datepicker／bootstrap-datepicker 共にフォームへの日付入力用ライブラリです。
そのため、「カレンダーの日付を押したらページ遷移」という目的には利用しにくいと思います。
（無理とは言い切りませんが新規で作る方がましなくらいの改造量になりそうな気がします）

---

カレンダー表示で有名なものの一つ、FullCalendar に WordPress からの出力を表示する例がありますので、こういう方法はどうでしょう。

【FullCalendar - JavaScript Event Calendar (jQuery plugin)】
[http://fullcalendar.io/](http://fullcalendar.io/)

【Custom Post Types: FullCalendar & JSON for WordPress】
[http://www.noeltock.com/web-design/wordpress/events-custom-post-types-fullcalendar-json-wordpress/](http://www.noeltock.com/web-design/wordpress/events-custom-post-types-fullcalendar-json-wordpress/)

【Create JSON feed of WordPress posts for FullCalendar.io · GitHub】
[https://gist.github.com/aucoeurdesign/748c1dc28337cde6db98](https://gist.github.com/aucoeurdesign/748c1dc28337cde6db98)

関連した質問