Question

这是我在new_html_erb中的表格。

We are doing a promotion for the next two weeks
<%= simple_form_for @subscription, :html => { :class => 'form-horizontal'} do |f| %>
    <%= f.input :manual_expiry_date %>
    <%= f.association :user %>
    <%= f.button :submit, :class => 'btn btn-primary'%>
<% end %>

我开启和关闭了twitter bootstrap。我正在为rails应用程序工作的表单是使用bootstrap。

如何将bootstrap datepicker添加到manual_expiry_date？我如何将simple_form_for集中在一起？

我尝试将表单放在容器中，然后放入一行，然后在div中添加表单控件。没有明显的变化。我已经尝试将它作为类添加到simple_form但仍然是相同的。

感谢您的帮助。

Answer 1

Twitter Bootstrap在他的核心没有日期选择器，你可以使用“DatePicker For Bootstrap” www.eyecon.ro/bootstrap-datepicker/

您需要指定对象的类

<%= f.input :manual_expiry_date, input_html: { class: 'date_picker' } %>

然后

$('.date_picker').datepicker()

添加DatePicker引导程序和居中Simple_Form_For

1 个答案: