読者です 読者をやめる 読者になる 読者になる

RailsでjQuery UI - Datepickerの日付入力機能を実装

以下のリンクからjQuery UIをDLして、必要なjs, cssRAILS_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>

f:id:t-taira:20100425103152p:image

themeもいろいろ選べるので、いいです!
jQuery UI - ThemeRoller