最近项目中要用到日期控件,过去倒是发过一个自己修改的.net控件,使用的是梅花雪的js日期代码,不过昨天在网上找到了一个更好用,扩展性更好的纯javascript的日期控件。
下面就是这个控件的源代码,
WebCalendar.js(点击下载),原版初始为英文版,我已改为中文。
(1) 将这个文件放入pulic中javascript里,并在相应layout中引入 <%= javascript_include_tag ‘WebCalendar’%>
(2)使用范例:
<td width=”216″><label for=”sgda_dDate”>申购日期:</label>
<%= text_field ’sgda’, ‘dDate’, : onClick=>”SelectDate(this,’yyyy-MM-dd’)”,”size”=>10,:value=>(@sgda.dDate.to_date if @sgda.dDate)%>
其中后面那个if语句是为了使用同一表单修改的时候报nil错误和将数据库中存的长日期格式转为短格式,如果controller中对象进行了new操作,如@sgda=Sgda.new,那么这里应该是@sgda.dDate,否则要写为@sgda。
这里得提醒一下,如果利用rails的关系来快捷读取相关表中数据,一定要加上 if sgda.department 类似语句防止读出的数据为空。
mathsfan补充:原地址下载的文件编码不对哈,应该改成UTF8,否则可能用不了,我把改好编码的文件放到我空间里了,大家也可以从这里去下载:
http://www.rubyforge.cn/download/WebCalendar.rar
文章转自:http://www.cnblogs.com/redstar/archive/2007/04/27/729556.html
以及偶的地方:http://www.rubyforge.cn/blog1/
分享到:
相关推荐
这篇博客“rails中使用javascript日期控件”探讨的就是如何在Rails应用中集成JavaScript日期控件,特别是通过一个名为WebCalendar.js的库来实现这一功能。WebCalendar.js是一个轻量级的JavaScript库,用于创建交互式...
标题提到的“Rails 日期控件”就是关于如何在Rails应用中集成和使用日期选择器的一种方法。 Rails本身提供了简单的HTML输入字段来获取日期,例如`<%= f.date_field :start_date %>`,但这样的输入方式对用户来说并...
通常,这会涵盖如何引入CSS样式,如何在控制器和视图中使用辅助方法,以及如何处理前端和后端的数据交互。 6. **自定义日历插件**: 压缩包中的`calendar`可能是一个自定义的日历插件或库,用于增强Rails日期控件...
这类控件在各种应用程序中广泛使用,如日历应用、财务软件、在线预订系统等,为用户提供方便的方式来处理与时间相关的数据。下面将详细讨论日期控件的功能、类型、设计原则以及常见的实现技术。 日期控件的主要功能...
在Ruby on Rails(Rails)框架中,开发人员经常需要实现各种用户交互功能,例如三级联动选择,这在处理如中国省市区这样的地理数据时尤其常见。这篇博客文章“Rails中应用Ext.tree:以中国的省市地区三级联动选择为...
通过以上分析可以看出,“Ajax on Rails”PPT文档涵盖了从理论到实践的多个层面,不仅介绍了Prototype和Scriptaculous等JavaScript库的基本概念,还深入探讨了它们与Rails框架结合的具体应用方法。这对于希望学习和...
Flotr帮助你在浏览器中创建图表,支持鼠标事件响应,放大缩小,CSS类型支持等。 PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你能使用 PHP 来收集数据,并发送给flash,支持很多图表类型: Line...
标题 "用Ext Scaffold插件打造Rails的Ext风格" 指的是在Ruby on Rails(Rails)框架中使用Ext JS库创建图形用户界面GUI的一种方法。Rails是一个基于Ruby语言的开源Web应用程序框架,它遵循MVC(模型-视图-控制器)...
- 使用 **Flex** 构建复杂 UI:**Flex** 提供了丰富的 UI 控件和布局管理选项,使得创建美观且功能丰富的用户界面变得简单。 - 高效使用 **Rails** 的 ActiveRecord:**Rails** 的 ActiveRecord 模型提供了强大的...
项目结构可能包括Rails的模型、视图、控制器文件,以及与之配合的数据库迁移文件,还有可能包含样式表(CSS)、脚本(JavaScript)和静态资源文件。开发者通过这个项目,可以学习到如何将Ruby的灵活性和Rails的高效...
描述中的"这个控件不错,要的来下"是对FusionCharts Free的一个简短评价,意味着该控件在性能或易用性上得到了认可,适合那些需要数据可视化的用户下载使用。 **FusionCharts Free详细介绍** FusionCharts Free是...
这样,开发者无需离开Rails的舒适区,就能在Rails应用中直接使用freeboard的功能,包括但不限于创建动态图表、添加自定义插件以及处理实时数据流。 在实际应用中,"freeboard-rails"支持以下关键特性: 1. **数据...
Flotr帮助你在浏览器中创建图表,支持鼠标事件响应,放大缩小,CSS类型支持等。 PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你能使用 PHP 来收集数据,并发送给flash,支持很多图表类型: Line, ...
它提供了一套DOM操作API和事件处理机制,作为核心框架,支撑了一系列的JavaScript扩展库,成为了许多开发者首选的底层框架,尤其是在Ruby on Rails中的广泛应用。Scriptaculous即基于Prototype,用于实现各种JS组件...
这个库借鉴了Ruby on Rails的简洁设计理念以及ASP.NET的高效特性,使得开发者能够在ASP环境中轻松集成并使用这些组件,提高开发效率。 首先,我们要了解JavaScript在Web开发中的核心地位。JavaScript是一种广泛使用...
在IT行业中,网页设计是至关重要的一个环节,尤其对于用户界面(UI)和用户体验(UX)而言。本主题聚焦于“登录注册模板”,这是一种常见的前端设计元素,广泛应用于各种网站和服务中,以提供用户友好的入口点。下面我们...
7. **插件集成**:在实际项目中,Bootstrap-datepicker常与其他前端框架、后端框架(如AngularJS、Vue.js、React.js、Rails、Django等)结合使用,实现更复杂的数据绑定和业务逻辑。 8. **API和文档**:压缩包中的...
文件上传控件支持多个文件选择,拖放支持,进度条,验证和预览图像,音频和视频的jQuery插件。支持跨域,分块和可恢复的文件上传。支持标准的HTML表单文件上传和任何服务器端平台(谷歌应用程序引擎,PHP,Python和...