calendar_date_select插件的使用

首先，进行插件的安装：

 

gem install calendar_date_select

 

然后在environment.rb中添加以下这句：

 

config.gem "calendar_date_select"

 

现在，你可以重启服务，并开始使用了。

 

rhtml中的代码如下所示：

 

<%= calendar_date_select_includes "silver", :locale => 'zh' %> 
日期：<%= calendar_date_select_tag "s_date", nil, :popup => "force" %>

 

calendar_date_select_includes中的silver指定日历的样式，内置几种选择，包括blue、default、green、plain、red、silver等，你也可以自己写日历的样式，locale控制日历所用的语言，默认包括以下几种：ar、da、de、es、fi、fr、it、nl、pl、pt、ru、sl等。你也可以在js的locale文件夹下新建一个zh.js文件，在其中加入以下代码：

 

Date.weekdays = $w("一 二 三 四 五 六 日");
Date.months = $w("一月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月");

Date.first_day_of_week = 1

_translations = {
    "OK": "确定",
    "Now": "现在",
    "Today": "今天",
    "Clear": "清除"
}

 

这样，就支持中文显示了。

 

你也可以指定选定日期后，在文本框的显示格式，在environment.rb的最后添加以下这句即可：

 

CalendarDateSelect.format = :iso_date

 

其中的:iso_date即为对应的日期格式，还有其他一些格式，具体的可查看插件。

 

示例图如下所示：