如何正确使用带Ruby on Rails的引导数据选择器

在我的 application.js 我补充说:

//= require jquery3
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-datepicker

然后我将这个助手添加到 app/helpers/application_helper.rb :

def datepicker (form, field)
    form.text_field(field, data: {provide: "datepicker",
                                  'date-format': 'dd/mm/yyyy',
                                  'date-autoclose': 'true',
                                  'date-today-btn': 'linked',
                                  'date-today-highlight': 'true'}).html_safe
  end

这是我的表格:

<%= form_with(model: test, local: true) do |form| %>
  <% if test.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(myform.errors.count, "error") %> prohibited this test from being saved:</h2>

      <ul>
        <% test.errors.full_messages.each do |message| %>
          <li><%= message %></li>
        <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <%= form.label :test_name %>
    <%= form.text_field :test_name %>
  </div>

  <div class="field">
    <%= form.label :test_desc %>
    <%= form.text_field :test_desc %>
  </div>

  <div class="field">
    <%= form.label :test_expan %>
    <%= form.text_field :test_expan %>
  </div>

  <div class="field">
    <%= form.label :test_date %>
    <%= datepicker(form, :test_date) %>
  </div>

  <div class="field">
    <%= form.label :ci %>
    <%= form.text_field :ci %>
  </div>

  <div class="field">
    <%= form.label :test_complete %>
    <%= form.check_box :test_complete %>
  </div>

  <div class="field">
    <%= form.label :tester %>
    <%= form.text_field :tester %>
  </div>

  <div class="field">
    <%= form.label :test_other_cons %>
    <%= form.text_field :test_other_cons %>
  </div>

  <div class="actions">
    <%= form.submit %>
  </div>
<% end %>

我有一个巨大的表单,其中包含很多文本字段和复选框,但是日期选择器显示在表单的末尾,而不是在文本字段的正下方。我的意思是,我希望日历显示在文本字段的正下方,而不是在提交按钮之后。

我应该如何着手解决这个问题?我是不是错过了什么?

另外,我使用的是LinuxMint18.3、RubyonRails 5.2.1,我在Chromiun69.0.3497.81和Firefox 62.0上进行了测试,两者都是相同的。