Javascript 用于设置结束日期的FlatPicker onChange事件

我有两个日期选择器使用

flatpickr（）

-

start\u time

和

end\u time

。 选择

start\u time

时，我需要将

end\u time

更改为与输入的

start\u time

相同的值

我正在尝试使用上记录的

onChange

hook

表单日期选择器

<div class="start_time_result mb-6" style ="width: 30vw;">
  <%= form.label :start_time, class: 'label' %>
  <div class="flex items-center justify-between max-w-md">
    <%= form.text_field :start_time, data: { behavior: "flatpickr" }, placeholder: "Date and time select ...", class: "form-control" %>
  </div>
</div>
<div class=" field" style ="width: 30vw;">
  <%= form.label :end_time, class: 'label' %>
  <div class="end_time_result flex items-center justify-between max-w-md" >
    <%= form.text_field :end_time, data: { behavior: "flatpickr" }, placeholder: "Date and time select ...", class: "form-control required " %>
  </div>
</div>

document.addEventListener('turbolinks:load', function() {
  document.querySelector('#recurring_event a')
    .addEventListener("ajax:success", function(data, status, xhr) {
      flatpickr("[data-behavior='flatpickr']", {
        enableTime: false,
        altInput: true,
        altFormat: "F j, Y",
        minDate: "today",
        onChange: function(dateObj, dateStr) {
        end_time.set('minDate', dateStr)
      }
    })
  });
});