`

Rails 3 时间日期相关的表单处理

 
阅读更多
默认是date_select 

date_select("post", "written_on", :start_year => 1995, :use_month_numbers => true,
                                  :discard_day => true, :include_blank => true)


比较流行呢，用jquery的UI做的datepicker 




<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <%= stylesheet_link_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css", "application" %>
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js", "application" %>
<%= csrf_meta_tag %>
 <title>Inventory</title>
</head>





#修改f.date_select as f.text_field
<div>
 <%= f.label :purchased_on %><br />
 <%= f.text_field :purchased_on %>
 </div>




#public/javascripts/application.js
$(function (){
 $('#product_purchased_on').datepicker();
 });



官方的手册如下：
http://jqueryui.com/demos/datepicker/
http://docs.jquery.com/UI/Datepicker/parseDate

当然asciicast有一个介绍也相当不错
http://asciicasts.com/episodes/213-calendars
  • 大小: 41 KB
分享到：
| 用javascript 转换时间格式 解析时间数据 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    rails日期控件

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

    Rails 日期控件

    在Rails中处理日期和时间是常见的需求，尤其在创建表单或者进行数据输入时。标题提到的“Rails 日期控件”就是关于如何在Rails应用中集成和使用日期选择器的一种方法。 Rails本身提供了简单的HTML输入字段来获取...

    Ruby on Rails 指南 v5.0.1 中文版

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

    rails 2.2.2 API

    12. **ActiveSupport**：包含了一系列通用的 Ruby 工具和实用方法，如时间间隔、日期和时间处理、字符串格式化等。 13. **测试（Testing）**：Rails 提供了全面的测试支持，包括单元测试（Test::Unit）、集成测试...

    Beginning Rails 4

    - **日期和时间格式化**：根据不同地区的习惯调整日期和时间的显示方式。 #### 第13章：部署 Rails 应用 当应用程序开发完成后，下一步就是将其部署到生产环境中。本章详细介绍了部署过程中的关键步骤。 - **选择...

    Rails实现的简历系统

    6. **日历**：为了展示时间相关的简历信息，如工作经验或项目日期，可以使用像`fullcalendar-rails`这样的库来创建交互式日历视图。这些库通常与JavaScript框架如jQuery或React配合使用，提供美观的用户体验。 7. *...

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

    5. 后端框架：如Django、Rails等，内置日期处理和表单组件。 综上所述，日期控件在软件开发中扮演着至关重要的角色，它的设计和实现需要考虑用户体验、功能完整性和跨平台兼容性。通过合理的选择和定制，可以创建出...

    Web开发敏捷之道-应用Rails进行敏捷Web开发-第三版.rar

    16.6 时间和日期的扩展 208 16.7 Ruby符号的扩展 210 16.8 with_options 211 16.9 Unicode支持 211 第17章 数据迁移 215 17.1 创建和运行迁移任务 216 17.2 剖析迁移任务 218 17.3 表的管理 221 17.4 数据迁移任务 ...

    werk:一个简单的时间跟踪器应用程序，使用rails-api和React + Flux构建

    用户管理员可以对用户进行CRUD，管理员可以对所有记录和用户进行CRUD等） ） 从日期到日期过滤条目将过滤的时间导出到HTML表单中： 日期：21.5 总时间：9h 笔记： 注1 笔记2 注3 REST API。 通过API可以执行所有用户...

    rail 4 days

    在显示日期和时间时，可以使用 Ruby 的内置方法来进行格式化处理。 **Creating a Javascript confirmation Dialogue** 为了增强用户体验，可以在执行某些操作前弹出确认对话框。 #### Day 3：扩展 Rails **The ...

    CakePHP(PHP的框架) v5.0.0.zip

    5. **助手（Helper）**：助手类提供了一系列辅助方法，用于生成HTML、处理日期时间等，方便视图层的开发。 6. **组件（Component）**：组件可以看作是跨控制器的功能集合，如认证、授权、分页等，可复用且易于维护...

    网页中用户注册

    - 可选字段：电话号码、出生日期、性别等，根据网站需求可选择性加入。 - 验证机制：通过正则表达式进行客户端验证，确保输入符合格式要求；同时服务器端也需要验证，防止恶意篡改。 2. **密码安全性**： - 加密...

    flight-booker:奥丁项目的航班预订项目

    【flight-booker:奥丁项目的航班预订项目】是一个基于Ruby技术构建的...通过学习和理解这个项目，开发者不仅可以提升在Ruby和Rails上的技能，还能深入理解Web开发中的数据模型构建、表单处理、数据库设计和安全性实践。

    CakePHP 框架模板 v2.02

    2. **快速开发**：蛋糕PHP提供了一系列预设的约定和工具，如自动化路由、数据库迁移、表单处理等，减少了重复编写基础代码的时间。 3. **安全防护**：内置的安全机制包括防止SQL注入、跨站脚本攻击（XSS）以及CSRF...

    类似于google日历的效果

    Google日历的界面以清晰、简洁著称，使用了网格布局来展示日期和时间。在开发过程中，可以采用HTML5的`&lt;canvas&gt;`元素或CSS Grid来创建这样的布局。CSS Grid允许开发者定义二维的网格系统，非常适合用于日历的日期...

    PHP框架大全

    - **发布时间**：未提及具体日期，但 Symfony 最初版本发布于 2005 年。 - **官方网站**：[https://symfony.com](https://symfony.com) #### CodeIgniter - **简介**：CodeIgniter 是一个轻量级 PHP 框架，支持 ...

    task-manager

    2. **任务详情**：对于每个任务，用户可以点击进入详情页面，查看更完整的信息，包括创建时间、负责人、相关文档链接等。这个功能可能通过路由和控制器间的交互来完成，而视图则负责呈现这些详细信息。 3. **添加...

    launch-calendar:一个Web应用程序，列出即将进行的火箭发射，包括每个发射的详细信息，例如发射实体，发射日期，火箭类型，任务描述等

    这个应用程序以清晰、用户友好的方式展示各种发射的相关信息，包括但不限于发射组织、预计发射时间、使用的火箭型号以及具体的任务目的。下面将详细探讨该应用程序涉及的IT知识点。 首先，"Ruby"是这个项目的主要...

    MS3-Tiny_Schedule:小型团队进行协作和管理的日程安排站点

    2. **事件创建**：用户可以通过简单的表单输入，如事件标题、日期、时间和描述，创建新的日程事件。HTML表单元素如`&lt;form&gt;`、`&lt;input&gt;`、`&lt;button&gt;`在这里起到了关键作用，允许用户输入数据并提交。 3. **事件编辑...

    Ruby-ShowFor快速显示具有I18n特性的模型信息

    `ShowFor`也支持自定义显示格式，包括日期、时间、货币等，这些可以通过I18n配置实现。例如，你可以为不同的语言设置日期格式： ```yaml # config/locales/en.yml en: date: formats: default: "%Y-%m-%d" ``` ...

Magicbox
Global site tag (gtag.js) - Google Analytics