日期:2014-05-16  浏览次数:20328 次

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