Bootstrap 日期时间选择器更改事件未触发

Question

Bootstrap Datetimepicker 更改事件不会在没有错误的情况下触发。有什么线索吗？

https://github.com/Eonasdan/bootstrap-datetimepicker/blob/master/docs/Events.md

$('#datetimepickerStart').datetimepicker();

$('#datetimepickerStart').datetimepicker().on('change', function (ev) {
                alert('!!!');

});

Answer 1

我找到了解决方案

  $('#datetimepickerStart').datetimepicker().on('dp.change', function (event) {
                alert('!!!');
            });

Answer 2

<div class="input-group date" id="dateOfBirth" data-target-input="nearest">
    <input type="text" class="form-control datetimepicker-input"
        data-target="#dateOfBirth" placeholder="Select DOB.." />
    <div class="input-group-append" data-target="#dateOfBirth"
        data-toggle="datetimepicker">
        <div class="input-group-text"> <i class="fa fa-calendar"> </i>
        </div>
    </div>
</div>



$("#dateOfBirth").on("change.datetimepicker", ({date}) => {
    var dob = $("#dateOfBirth").find("input").val();
    console.log(dob);
})

这对我有用。

Answer 3

以下方法对我有用。我正在使用 bootstrap 日期选择器

$('.date-range-filter').on('change dp.change', function(e){
    alert('changed');
    });

Bootstrap 日期时间选择器更改事件未触发

Bootstrap Datetimepicker change event is not firing

javascript

bootstrap-datetimepicker