`
lzqustc
  • 浏览: 210345 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

Rails 日期控件

阅读更多

①、下载 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日期控件

    Rails框架中的日期控件是开发Web应用时常用的一种交互组件,它允许...以上就是Rails日期控件的相关知识点,通过合理利用Rails的辅助方法和自定义样式,可以创建功能强大且美观的日期输入组件,提升Web应用的用户体验。

    rails中使用javascript日期控件

    这篇博客“rails中使用javascript日期控件”探讨的就是如何在Rails应用中集成JavaScript日期控件,特别是通过一个名为WebCalendar.js的库来实现这一功能。WebCalendar.js是一个轻量级的JavaScript库,用于创建交互式...

    一个我们公司用的日期控件很不错的.

    日期控件在IT行业中是用户界面(UI)设计中的一个重要组成部分,主要用于用户输入或选择日期。这类控件在各种应用程序中广泛使用,如日历应用、财务软件、在线预订系统等,为用户提供方便的方式来处理与时间相关的...

    InspiniaAdmin 2.6.1 Rails_Full_Version

    3. **表单元素**:提供多种表单控件,如输入框、下拉框、日期选择器等,以及表单验证机制,使得用户输入更加规范。 4. **多语言支持**:InspiniaAdmin支持多语言,方便构建跨国或跨地区的项目,适应全球化需求。 5...

    Ruby on Rails 指南 v5.0.1 中文版

    - **使用日期和时间的表单辅助方法**:说明如何处理日期和时间相关的表单元素。 - **上传文件**:介绍如何处理文件上传操作。 - **定制表单生成器**:解释如何创建自定义的表单生成器。 - **理解参数命名约定**:...

    bootstrap-datepicker

    7. **插件集成**:在实际项目中,Bootstrap-datepicker常与其他前端框架、后端框架(如AngularJS、Vue.js、React.js、Rails、Django等)结合使用,实现更复杂的数据绑定和业务逻辑。 8. **API和文档**:压缩包中的...

    Cloud Admin html v1.1.3 后台管理模板

    4. 表单元素:提供各种表单控件,如输入框、下拉选择、日期选择器等,以及表单验证功能,增强用户体验。 5. 模态框与通知:通过Bootstrap的模态框组件实现弹出窗口,以及通知提示,用于信息提示或确认操作。 6. ...

    jQueryformBuilder一个jQuery插件能够通过拖放的方式创建表单

    3. **丰富的表单组件**:支持多种常见的表单元素,包括文本输入、密码输入、多行文本、日期选择器、电子邮件验证、数字输入、电话号码验证、文件上传、下拉菜单、多选框、单选按钮等。 4. **自定义样式**:form...

    JAVA上百实例源码以及开源项目源代码

    Java日期选择控件完整源代码 14个目标文件 内容索引:JAVA源码,系统相关,日历,日期选择 Java语言开发的简洁实用的日期选择控件,源码文件功能说明: [DateChooser.java] Java 日期选择控件(主体类) [public] ...

    LCOM-2020-2021:回购MIEIC的20202021 LCOM类,包括实验室和最终项目

    4. **表单控件**:HTML提供了各种表单元素,如`&lt;input&gt;`(可接受不同类型的用户输入,如文本、数字、日期等)、`&lt;textarea&gt;`、`&lt;select&gt;`等,用于收集用户数据。 5. **交互性与JavaScript**:虽然HTML本身不支持...

    java开源包1

    它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...

    java开源包11

    它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...

    java开源包2

    它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...

    java开源包3

    它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...

    java开源包6

    它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...

    java开源包5

    它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...

    java开源包10

    它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...

Global site tag (gtag.js) - Google Analytics