2013-03-31 53 views
0

我有simple_form_for元素的新頁面如下圖所示多個HTML屬性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屬性時,我都會收到一個syntaxt錯誤。

我想這

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

其產生的誤差。如何將日曆功能併入我的模板中的bootstrap-datepicker.js以上的invoice_date?

回答

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"} %> 
0

我想通了什麼問題,我沒有加入Twitter的引導到我的項目