Bootstrap 3 события datetimepicker, которые не срабатывают
Я использую Bootstrap 3 DateTimePicker, и я пытаюсь пример 8 (Связанный datetimepicker).
Javascript
$('#dpStart').datetimepicker({
pickDate: true, //en/disables the date picker
pickTime: false,
format: "DD-MM-YYYY",
useMinutes: false, //en/disables the minutes picker
useSeconds: false
});
$('#dpEnd').datetimepicker({
pickDate: true, //en/disables the date picker
pickTime: false,
format: "DD-MM-YYYY",
useMinutes: false, //en/disables the minutes picker
useSeconds: false
});
$("#dpStart").on("dp.change", function(e) {
alert('hey');
$('#dpEnd').data("DateTimePicker").setMinDate(e.date);
});
$("#dpEnd").on("dp.change", function(e) {
$('#dpStart').data("DateTimePicker").setMaxDate(e.date);
});
HTML
<div class="row">
<div class="col-md-6 col-sm-6 form-group">
<label for="txtStartDate">
Start Date-Time</label>
<div class="input-group date" id="dpStart" data-date-format="DD-MM-YYYY">
<asp:TextBox ID="txtStartDate" runat="server" CssClass="form-control"></asp:TextBox>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div class="col-md-6 col-sm-6 form-group">
<label for="txtEndDate">
End Date-Time</label>
<div class="input-group date" id="dpEnd" data-date-format="DD-MM-YYYY">
<asp:TextBox ID="txtEndDate" runat="server" CssClass="form-control"></asp:TextBox>
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
Календари отображаются в соответствии с потребностями, но такие события, как dp.change, dp.hide, dp.show, не запускаются. Что может быть проблемой? Любая помощь?
EDIT:
Обратите внимание, что я включил все необходимые файлы, такие как Bootstrap js, bootstrap css, Moment.js и datetimepicker js и css файлы.
Ответы
Ответ 1
Это может показаться глупым, но вы проверяли, что используете тот же плагин bootstrap-datetimepicker.js
, о котором вы говорите в своем вопросе?
Есть две версии, о которых я знаю, очень похожие:
Первая версия отвечает на change.dp
, а вторая - на dp.change
.
Просто проверьте комментарии в верхней части bootstrap-datetimepicker.js
, чтобы узнать, какой из них вы используете.
Ответ 2
Проверьте, загружаете ли вы moment.js
перед загрузкой datetimepicker.js
Ответ 3
Tempus Dominus (определяемый как преемник очень популярного Eonasdan/bootstrap-datetimepicker), похоже, изменил событие на change.datetimepicker.
Ответ 4
Я использую загрузчик даты и времени начальной загрузки. После долгих исследований у меня работает следующий код:
$('.data_date_of_birth').on('changeDate', function(event) {
alert($(this).val());
});