0

我有一个带有 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？

4

2 回答 2

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"} %>
于 2013-03-31T11:15:42.613 回答
0

我弄清楚了问题所在，我没有将 twitter bootstrap 添加到我的项目中

于 2013-03-31T11:15:34.237 回答