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