①、下载 js文件: http://www.rubyforge.cn/download/WebCalendar.rar 并将其放在./public/javascripts下,注意:如果此地址无法下载那么就用我上传的吧!
②、在相应的layout中包含上面的js文件,
<%= javascript_include_tag 'WebCalendar' %>
③、修改相应的视图,例如companies表有一个成立时间的字段found,那么在new(edit)视图中就可以如下设计found字段:
%td="成立时间:"
%td{:align=>"left",:valign=>"middle"}
= text_field_tag 'company[found]', @company.found ,
:onclick =>"SelectDate(this,'yyyy-MM-dd')", :size => 15,
:value => Time.now.strftime("%Y-%d-%m")
上面是haml格式,蓝色部分应该写在一行,如果采用html.erb格式,可以如下设计:
<td ><label for=”found”>成立时间:</label>
< %= text_field ‘company‘, ‘found, : onClick=>”SelectDate(this,’yyyy-MM-dd’)”,“size”=>15, :value=>(@company.found if @company.found) %>
④、OK,一个漂亮的日期控件就可以用了^_^
参考资料:http://www.cnblogs.com/redstar/archive/2007/04/27/729556.html
http://blog.csdn.net/cityhunter172/archive/2006/11/28/1417752.aspx