ROR中关于Calendar的使用

阅读更多

ror中可以很方便的使用与jsCalendar一样的控件：

该网页的地址 http://dry.4thebusiness.com/info/dhtml_calendar

1、在工程文件的根目录下运行下面的更新

ruby script/plugin install http://dhtml-calendar.googlecode.com/svn/trunk

2、在.rhtml文件中置入：

<%= dhtml_calendar_includes %>

这样就可以使用Calendar控件了。一共有5个模式供用户选择：

1、弹出式：页面只有一个日历牌的图标，用户点击后，弹出控件：

<%= popup_calendar 'person', 'birthday',
	{ :class => 'date',
	  :field_title => 'Birthday',
	  :button_image => 'calendar.gif',
	  :button_title => 'Show calendar' },
	{ :firstDay => 1,
	  :range => [1920, 1990],
	  :step => 1,
	  :showOthers => true,
	  :cache => true }
%>

2、普通方式：日历完整显示在网页中：

<%= calendar 'person', 'birthday',
      { :class => 'date' },
      { :firstDay => 1,
        :range => [1920, 1990],
        :step => 1,
        :showOthers => true }
%>

3、输入框式：页面中显示一个输入框，鼠标点击后弹出日历供用户选择

<%= calendar_field 'person', 'birthday',
       { :class => 'date',
         :date => value,
         :field_title => 'Birthday',
         :button_title => 'Show calendar' },
       { :firstDay => 1,
         :range => [1920, 1990],
         :step => 1,
         :showOthers => true,
         :cache => true }
 %>

4、选择框式：页面显示一个标准的选择框和一个日历的图表，点击后弹出日历

<%= calendar_select 'person', 'birthday',
      { :class => 'date',
        :date => value,
        :field_title => 'Birthday',
        :button_title => 'Show calendar' },
      { :firstDay => 1,
        :range => [1920, 1990],
        :step => 1,
        :showOthers => true,
        :cache => true }
%>

5、box:页面显示一个输入框和一个日历图表，点击图标后显示一个日历

<%= calendar_box 'person', 'birthday',
       { :class => 'date',
         :date => value,
         :field_title => 'Birthday',
         :form_name => 'custform',
         :button_title => 'Show calendar' },
       { :firstDay => 1,
         :range => [1920, 1990],
         :step => 1,
         :showOthers => true,
         :cache => true }
 %>