6

Bootstrap Datetimepicker change event is not firing without errors. Any clue?

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

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

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

});
NoWar
  • 36,338
  • 80
  • 323
  • 498
  • Type `console.log("execute");` next to your code and check if it executes. If not - you did not add your JS script. – RaV Aug 03 '16 at 13:24

3 Answers3

16

I found the solution

  $('#datetimepickerStart').datetimepicker().on('dp.change', function (event) {
                alert('!!!');
            });
NoWar
  • 36,338
  • 80
  • 323
  • 498
3
<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);
})

This worked for me.

Darshan Jain
  • 781
  • 9
  • 19
2

following method worked for me. I am using bootstrap datepicker

$('.date-range-filter').on('change dp.change', function(e){
    alert('changed');
    });
Shuhad zaman
  • 3,156
  • 32
  • 32