ruby-on-rails-3 - 如何在 Rails 中用 div 包装 date_select 的每个选择？

Question

我正在使用 Ruby on Rails 3 为用户创建一个表单，他可以在其中保存他的生日。围绕 Controller 和模型的所有操作都运行良好。但是我在设置此表单的样式时遇到了问题。

对于我表单中的每个选择，我都会在其周围包裹一个 div 以设置其样式，这通常工作得很好。 date_select 的问题在于它会生成三个选择框，所有选择框都包含在一个 div 中。作为 Haml 中的示例，该字段的代码如下所示:

.select-wrapper
  = f.date_select :birthday, :start_year => Time.now.year - 120, :end_year => Time.now.year

.select_wrapper 在所有三个选择框周围创建一个 div，但我需要每个选择框都有自己的包装器。有什么办法可以解决这个问题吗？

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

方法一(难)

覆盖 date_select 代码来为您处理这个特殊实例:https://github.com/rails/rails/blob/master/actionview/lib/action_view/helpers/date_helper.rb#L283

方法二(简单)

使用 jQuery:

// Find all select boxes that have an ID attribute containing "birthday"
// and wrap a div tag around them with a certain class
$('select[id*="birthday"]').wrapAll('<div class="select_wrapper">');