多个 HTML 属性 Simple_form_for答案

【问题标题】：Multiple HTML Attributes Simple_form_for多个 HTML 属性 Simple_form_for
【发布时间】：2013-03-31 10:49:00
【问题描述】：

我有一个带有 simple_form_for 元素的新页面，如下所示

<%= simple_form_for @invoice, :html => { :class => 'form-horizontal' } do |f| %>
  <%= render "shared/error_messages", :target => @invoice %>

  <%= f.association :customer %>
  <%= f.input :invoice_date, as: :string, input_html: { class: "datepicker"} %>
<% end %>

我正在尝试将日历元素合并到上面的表单中，来自 unicorm 管理模板主题。我的资产文件包含 bootstrap-datepicker.js，我试图将其合并到上面的表单中。每当我向 invoice_date 输入添加额外的 HTML 属性时，都会出现语法错误。

我试过了

<%= f.input :invoice_date, as: :string, input_html: { class: "datepicker", data-date-format="dd-mm-yyyy"} %>

这产生了一个错误。如何将日历功能从我的模板中的 bootstrap-datepicker.js 合并到上面的 invoice_date？

【问题讨论】：

标签： ruby-on-rails ruby ruby-on-rails-3 twitter-bootstrap

【解决方案1】：

您的代码行中有一个错误的= 符号。此外，由于您的哈希中有一个符号键，其中包含破折号 (data-date-format)，因此您需要使用旧样式的 'hashrocket' 符号格式。

你可以这样做：

<%= f.input :invoice_date, as: :string, input_html: { class: "datepicker", :'data-date-format' => "dd-mm-yyyy"} %>

我不喜欢混合这两种风格，所以你也可以这样做：

<%= f.input :invoice_date, :as => :string, :input_html => { :class => "datepicker", :'data-date-format' => "dd-mm-yyyy"} %>

【讨论】：

【解决方案2】：

我发现问题出在哪里，我没有在我的项目中添加 twitter bootstrap

【讨论】：