ruby-on-rails - Datetimepicker & Cocoon 显示多个时间切换

Question

我有一个当前正在工作的嵌套表单，除了每次我添加嵌套表单时，它都会在单击时显示每个字段的日历。意思是，如果有 5 个嵌套表单，每个表单都有一个Start和End日期，一旦用户点击calendar icon，它将打开 10 个 datetimepicker。

 <div class="input-group date datepicker">
      <%= f.text_field(:start, value: f.object.start ? f.object.start.strftime('%B %d, %Y') : nil, class: "form-control datetimepicker", data: {target: ".datetimepicker"}, placeholder: "#{t :From}", required: true) %>
      <div class="input-group-append" data-target=".datetimepicker" data-toggle="datetimepicker">
        <div class="input-group-text"><span class="fas fa-calendar-alt"></span></div>
      </div>
    </div>
  </tr>
  <tr>
    <div class="input-group date datepicker">
      <%= f.text_field(:end, value: f.object.end ? f.object.end.strftime('%B %d, %Y') : nil, class: "form-control datetimepicker", data: {target: ".datetimepicker"}, placeholder: "#{t :End_time_or_until}", required: true) %>
      <div class="input-group-append" data-target=".datetimepicker" data-toggle="datetimepicker">
        <div class="input-group-text"><span class="fas fa-calendar-alt"></span></div>
      </div>
    </div>
  </tr>

有谁知道如何整合这个？

我在我的主要形式的 JS 中有这个：

 $(document).on('ready page:change', function() {
      insertedItem.find('.datepicker').datepicker()
      $('#invsessions').on('cocoon:after-insert', function() {
          $('.datetimepicker').datetimepicker();
      })
  })

在这种情况下，我添加了两次嵌套表单。

标签： ruby-on-rails