问题描述
我有一对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 (将#修改为@)