! 概要
編集画面に日付選択カレンダーを表示させます。

! 使い方

# [[tdiary-contrib|https://github.com/tdiary/tdiary-contrib]]からdatepickerプラグインを取得し、配置してください
## jsファイルとrbファイル2つあります。注意してください
# プラグイン選択画面で '''datepicker.rb'''を有効にしてください。

! 表示の様子

編集画面の日付の横にカレンダーのアイコンが表示されます。

http://farm9.staticflickr.com/8442/7783433476_0eba3772f9_o.png

アイコンをクリックすると、カレンダーが表示されて、日付選択が可能になります。

http://farm8.staticflickr.com/7246/7783443576_068d3d3901_o.png

! 備考

* セキュア環境でも動作します
* カレンダーの配色を変更したい場合
** [[tdiary-contrib|https://github.com/tdiary/tdiary-contrib]]からjquery_ui_themeプラグインを取得し、配置してください
** [設定]-[jQuery UI Theme]からテーマを指定してください
** テーマは http://jqueryui.com/themeroller/ から好みのものを選び、[[stainless steel pipes|http://www.metline-pipefittings.in/stainless-steel-seamless-welded-coiled-capillary-tubing-pipes/]]アルファベット小文字で指定してください
** デフォルトは '''base''' です
*** http://jqueryui.com/download/?themeParams=%3Fctl%3Dthemeroller#stable-themes から引用

 1.8.22 Themes: 
   base, 
   black-tie, 
   blitzer, 
   cupertino, 
   dark-hive, 
   dot-luv, 
   eggplant, 
   excite-bike, 
   flick, 
   hot-sneaks, 
   humanity, 
   le-frog, 
   mint-choc, 
   overcast, 
   pepper-grinder, 
   redmond, 
   smoothness, 
   south-street, 
   start, 
   sunny, 
   swanky-purse, 
   trontastic, 
   ui-darkness, 
   ui-lightness, 
   vader. 

! その他

* cssにて .jquery-ui-calendar を指定し、jQuery UI にて用意されているアイコンが表示されています

* themeを変更することでアイコンの色も追随しています。