实在是被逼无奈才再次写一篇,因为之前的效果并不是特别好,之前只是默认效果。

现在再说一下 怎么才能达到你想要的效果。

安装过程还是跟前一篇一样。(http://gloryspring.blog.51cto.com/5470544/959299),只是在你安装完成以后再从这个插件的出处(https://github.com/timcharper/calendar_date_select)再下载一下源码加载两个js进来。这两个js 分别是 prototype.js ,unittest.js .

下载完源代码 解压可以在 js_test 文件夹内看到这两个文件,然后重命名  prototype.js 为

Prototype.js 首字母大写。

然后在views的页面内引入

<%= calendar_date_select_tag "e_date", nil, :embedded => true, :year_range => 10.years.ago..0.years.ago %>

然后你就会看到

 

demo

哇哈哈,样子算是比较靠谱了。

再有需要设置的东西可一参考一下他的网站http://2007.electronicholas.com/calendar

有什么不明白的可以给我留言。