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 %>