①、下载 js文件:
http://www.rubyforge.cn/download/WebCalendar.rar
并将其放在./public/javascripts下,注意:如果此地址无法下载那么就用我上传的吧!
②、在相应的layout中包含上面的js文件,
<%= javascript_include_tag 'WebCalendar' %>
③、修改相应的视图,例如companies表有一个成立时间的字段found,那么在new(edit)视图中就可以如下设计found字段:
%td="成立时间:"
%td{:align=>"left",:valign=>"middle"}
= text_field_tag 'company[found]', @company.found ,
:onclick =>"SelectDate(this,'yyyy-MM-dd')", :size => 15,
:value => Time.now.strftime("%Y-%d-%m")
上面是haml格式,蓝色部分应该写在一行,如果采用html.erb格式,可以如下设计:
<td ><label for=”found”>成立时间:</label>
< %= text_field ‘company‘, ‘found, : onClick=>”SelectDate(this,’yyyy-MM-dd’)”,“size”=>15, :value=>(@company.found if @company.found) %>
④、OK,一个漂亮的日期控件就可以用了^_^
参考资料:http://www.cnblogs.com/redstar/archive/2007/04/27/729556.html
http://blog.csdn.net/cityhunter172/archive/2006/11/28/1417752.aspx
<!-- EndFragment-->
分享到:
相关推荐
Rails框架中的日期控件是开发Web应用时常用的一种交互组件,它允许...以上就是Rails日期控件的相关知识点,通过合理利用Rails的辅助方法和自定义样式,可以创建功能强大且美观的日期输入组件,提升Web应用的用户体验。
这篇博客“rails中使用javascript日期控件”探讨的就是如何在Rails应用中集成JavaScript日期控件,特别是通过一个名为WebCalendar.js的库来实现这一功能。WebCalendar.js是一个轻量级的JavaScript库,用于创建交互式...
日期控件在IT行业中是用户界面(UI)设计中的一个重要组成部分,主要用于用户输入或选择日期。这类控件在各种应用程序中广泛使用,如日历应用、财务软件、在线预订系统等,为用户提供方便的方式来处理与时间相关的...
3. **表单元素**:提供多种表单控件,如输入框、下拉框、日期选择器等,以及表单验证机制,使得用户输入更加规范。 4. **多语言支持**:InspiniaAdmin支持多语言,方便构建跨国或跨地区的项目,适应全球化需求。 5...
- **使用日期和时间的表单辅助方法**:说明如何处理日期和时间相关的表单元素。 - **上传文件**:介绍如何处理文件上传操作。 - **定制表单生成器**:解释如何创建自定义的表单生成器。 - **理解参数命名约定**:...
7. **插件集成**:在实际项目中,Bootstrap-datepicker常与其他前端框架、后端框架(如AngularJS、Vue.js、React.js、Rails、Django等)结合使用,实现更复杂的数据绑定和业务逻辑。 8. **API和文档**:压缩包中的...
4. 表单元素:提供各种表单控件,如输入框、下拉选择、日期选择器等,以及表单验证功能,增强用户体验。 5. 模态框与通知:通过Bootstrap的模态框组件实现弹出窗口,以及通知提示,用于信息提示或确认操作。 6. ...
3. **丰富的表单组件**:支持多种常见的表单元素,包括文本输入、密码输入、多行文本、日期选择器、电子邮件验证、数字输入、电话号码验证、文件上传、下拉菜单、多选框、单选按钮等。 4. **自定义样式**:form...
Java日期选择控件完整源代码 14个目标文件 内容索引:JAVA源码,系统相关,日历,日期选择 Java语言开发的简洁实用的日期选择控件,源码文件功能说明: [DateChooser.java] Java 日期选择控件(主体类) [public] ...
4. **表单控件**:HTML提供了各种表单元素,如`<input>`(可接受不同类型的用户输入,如文本、数字、日期等)、`<textarea>`、`<select>`等,用于收集用户数据。 5. **交互性与JavaScript**:虽然HTML本身不支持...
它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...
它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...
它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...
它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...
它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...
它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...
它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...