javascript - 如何在 Bootstrap 日期时间选择器中监听输入更改事件？

Question

我在我的项目中使用引导日期时间选择器，我需要监听输入标签的更改以修改第二个标签的值。我试图用 vanilla Js、jQuery 甚至 Stimulus.js 来听它，但没有成功。我可以正确收听单击事件，但更改不起作用。

这是我的选择器，尝试了一些监听更改事件：

$('.datetimepicker').datetimepicker({
    format: 'LT',
    locale: 'PT-BR',
    icons: {
      up: "fa fa-chevron-up",
      down: "fa fa-chevron-down",
      time: "far fa-clock",
    },
    enabledHours: permittedHours(),
    stepping: 15,
  })

香草：

const handleHourStart = () => {
  let hourStart = document.getElementById('order_hour_start'); 
  hourStart.addEventListener('input', () => {
    alert('CHANGED!');
  })
}

jQuery：

$(document).ready(function(){
  $("#order_hour_start").change(function(){
      alert($(this).val());
  });
});

刺激.js

import { Controller } from "stimulus"

export default class extends Controller {
  static targets = [ 'hour_start', 'hour_finish' ];

  connect() {
    console.log(this.hour_startTarget);
  }

  update() {
    alert('Changed');
  }
}

他们都很好地响应了点击事件，但没有改变......

我真的不知道如何使用选择器功能来管理它，文档让我很困惑......