Bootstrap DateTimePicker-无法触发事件

问题描述

我有一对bootstrap datetimepickers。我需要选择日期并执行一些任务。

我面临的问题是单击日历图标后,即使没有选择日期,方法也会立即触发。我尝试了其他几个功能(以防止以前的行为),它们甚至没有被解雇。

不知道我在这里做错了什么

HTML:

<div class="col-sm-2 col-md-2">
    <div class="font-bold-small">End Date</div>
    <div class="input-group input-group-sm date" id="dtEndDate" data-target-input="nearest">
        <input id="tbEndDate" type="text" class="form-control form-control-sm datetimepicker-input" data-target="#dtEndDate" />
        <div class="input-group-append" data-target="#dtEndDate" data-toggle="datetimepicker">
            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
        </div>
    </div>
</div>

jQuery / Javascript:

$(document).ready(function () {
    ....
    var today = moment();
    startDate = today;
    endDate = today;
    bindStartDateCalendar(today,moment().add(1,'years'));
    bindEndDateCalendar(today,moment().add(-1,'years'));
});

function bindEndDateCalendar(d,minDate) {
    $('#dtEndDate').unbind();

    $('#dtEndDate').datetimepicker({
        format: 'MM/DD/YYYY',useCurrent: false,//showOn: 'both',minDate: minDate
        onSelect: function(dateText,inst) {  // <--- Not Fired when date is selected
              ...
        }   
    });
    $("#dtEndDate").on("dp.change",function (e) {   // <-- Also not fired
        ..
    });

    $("#dtEndDate").on("change.datetimepicker",function (e) { // <-- this does get fired but as soon as I click the icon
        ....
    });

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)