最近のトラックバック

Twitter

楽天

« 3/19 またしてもSP1アップデート失敗 | トップページ | ActiveScaffoldListFilters »

Activescaffoldでdate/datetimeをカレンダーで入力する

activescaffoldを使うと、dateやdatetimeの入力は自動的にプルダウンでの入力になる。
しかし、プルダウンでは結構入力しにくい。

なのでカレンダーを表示させて、ここから日付や時刻を入力させたい。
ActiveScaffoldで使えるプラグインは以下のURLに載っていて、
その中でActiveCalendar と、CalendarDateSelectが使えそうなかんじ。

http://wiki.activescaffold.com/wiki/published/ThirdPartyPlugins

ActiveCalendarのほうが、使いやすそう&時刻も入力できるので、こちらを使う

まずインストール。

./script/plugin install http://activecalendar.googlecode.com/svn/trunk/activecalendar
次にlayoutに下記を追加
<%= stylesheet_link_tag "/javascripts/jscalendar-1.0/calendar-win2k-cold-1.css" %>
<%= javascript_include_tag "jscalendar-1.0/calendar.js" %>
<%= javascript_include_tag "jscalendar-1.0/lang/calendar-en.js" %>
<%= javascript_include_tag "jscalendar-1.0/calendar-setup.js" %>

これで終了。viewやhelper,controllerに手を入れる必要はなし。
これだけで、date_selectやdatetime_selectを上書きしてくれる。

インストールされたライブラリの中を見ると、calendar-ja.jsとかもあるので、
日本語にローカライズもlayoutでcalendar-ja.jsを指定すればできそうなのだが、
単にcalendar-en.jsを置き換えただけだと動かなかった。

« 3/19 またしてもSP1アップデート失敗 | トップページ | ActiveScaffoldListFilters »

ruby/rails」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: Activescaffoldでdate/datetimeをカレンダーで入力する:

« 3/19 またしてもSP1アップデート失敗 | トップページ | ActiveScaffoldListFilters »

2018年10月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
無料ブログはココログ