js 日历插件使用

1：下载： 打开 http://www.dynarch.com/projects/calendar/download/1.8/，下载Download JSCal2-1.8.zip。



2：

1）解压缩，看一下实例
2）： 引用 cn.js和jscal2.js和jscal2.css以及img目录所有的图片

3）： 显示日历


eg：

<script type="text/javascript">
$(document).ready(function(){
new Calendar({ // factory_date 日历悬浮框
inputField: "birthday", // 将选中的日期插件的日期 显示在id为birthday的输入框
dateFormat: "%Y-%m-%d", // 显示在输入框的日期格式
trigger: "birthday", // 点击id为birthday的输入框是会显示日期插件
bottomBar: true, // 日期插件的最下面的一行内容，是否显示（可要可不要）
onSelect: function() { // 获取日期后，隐藏日期输入框
var date = Calendar.intToDate(this.selection.get());
this.hide();
}
});
})
</script>


<% form_for @info, :html => { :multipart => true} do |f| %>

真实姓名: <%= f.text_field :name %><br>
头像： <%= f.file_field :image %><br>
出生日期: <%= f.text_field :birthday, :id => "birthday" %>

<%= f.submit "确认" %>
<% end %>