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 %>
分享到:
相关推荐
js日历控件js日历控件js日历控件js日历控件js日历控件js日历控件js日历控件js日历控件js日历控件js日历控件
js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js日历控件[超酷超漂亮]js...
基于javascript脚本的网页日历控件,格式为2013-01-01
个JS日历控件个JS日历控件个JS日历控件个JS日历控件个JS日历控件个JS日历控件个JS日历控件个JS日历控件个JS日历控件个JS日历控件个JS日历控件个JS日历控件
js日历控件日历插件 如何使用已写在js文本里,欢迎下载!
js日历控件 js日历控件 js日历控件 js日历控件 js日历控件
js 日历控件 calendar,js 日历控件 calendar,js 日历控件 calendar,js 日历控件 calendar,js 日历控件 calendar,js 日历控件 calendar
js日历控件优化,含时分秒,年月日,很好用,,js日历控件优化,含时分秒,年月日,很好用,,js日历控件优化,含时分秒,年月日,很好用,,
1个很牛的JS日历控件1个很牛的JS日历控件1个很牛的JS日历控件1个很牛的JS日历控件1个很牛的JS日历控件1个很牛的JS日历控件1个很牛的JS日历控件1个很牛的JS日历控件1个很牛的JS日历控件1个很牛的JS日历控件1个很牛的...
各种JS日历控件大全,各种JS日历控件大全,各种JS日历控件大全
日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 日历控件 ...
js日历控件实例源码 js日历控件实例源码
js日历控件 js日历控件 js日历控件 js日历控件
简单好看的js日历控件
6种JavaScript日历控件,任君选择
介绍:这是WalkingPoison根据梅花雨的日历控件修改发展出来的一个日历 Javascript 页面脚本控件,适用于微软的 IE (5.0以上)浏览器,从2.59版本开始支持Firefox浏览器。由于梅花雨本人发布了自己新的日历控件,...
日历控件JS 日历控件JS 日历控件日历控件日历控件
js日历控件,控件可以实现,单击文本框,产生日历控件,然后选择日期,自动显示。