【问题标题】:Bootstrap Datetimepicker change event is not firingBootstrap Datetimepicker 更改事件未触发
【发布时间】:2016-08-03 13:22:43
【问题描述】:

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

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

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

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

});

【问题讨论】:

  • 在您的代码旁边输入console.log("execute"); 并检查它是否执行。如果没有 - 你没有添加你的 JS 脚本。

标签: javascript bootstrap-datetimepicker


【解决方案1】:

我找到了解决办法

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

【讨论】:

  • 救了我。非常感谢
  • 很好,你节省了我的时间。
【解决方案2】:

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

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

【讨论】:

    【解决方案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);
    })
    

    这对我有用。

    【讨论】:

      猜你喜欢
      • 2014-04-25
      • 1970-01-01
      • 2015-10-29
      • 1970-01-01
      • 1970-01-01
      • 2013-05-26
      • 2021-08-24
      • 2021-09-30
      相关资源
      最近更新 更多