RailsでjQuery UI - Datepickerの日付入力機能を実装
以下のリンクからjQuery UIをDLして、必要なjs, cssをRAILS_ROOT/publicにコピーします。
jQuery UI - Configure your download
Viewの実装
<%= javascript_include_tag 'jquery-1.4.2.min' %> <%= javascript_include_tag 'jquery-ui-1.8.custom.min.js' %> <%# 日本語を利用できるようにしておきます。 %> <%= javascript_include_tag 'jquery.ui.datepicker-ja.js' %> <%= stylesheet_link_tag 'jquery-ui-1.8.custom.css' %> <%# テキストフィールドにid指定します。 %> <%= f.text_field :date, :id => 'datepicker' %> <%# id指定したテキストフィールドに、datepickerを適用します。 %> <script type="text/javascript"> $(function() { $("#datepicker").datepicker(); }); </script>
themeもいろいろ選べるので、いいです!
jQuery UI - ThemeRoller