html - 添加 DatePicker Bootstrap 和居中 Simple_Form_For

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 日期选择器添加到 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()