События Bootstrap 3 datetimepicker не запускаются

Я использую Bootstrap 3 DateTimePicker и пробую пример 8 (связанный datetimepicker).

$('#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);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>
<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.


person writeToBhuwan    schedule 19.03.2014    source источник
comment
Не могли бы вы сделать скрипт с вашим плагином внутри, пожалуйста?   -  person BENARD Patrick    schedule 19.03.2014
comment
Я пытался сделать скрипку, но я не могу добавить к ней функции начальной загрузки?   -  person writeToBhuwan    schedule 19.03.2014
comment
У вас есть скелет, когда-либо существовавший, например: jsfiddle.net/brainbolt/52VtD/4   -  person BENARD Patrick    schedule 19.03.2014


Ответы (4)


Это может показаться глупым, но проверяли ли вы, что используете тот же плагин bootstrap-datetimepicker.js, о котором вы говорите в своем вопросе?

Я знаю две версии, которые очень похожи:

  1. Версия, которую вы указали в своем вопросе: http://eonasdan.github.io/bootstrap-datetimepicker/
  2. Немного другая версия: http://www.eyecon.ro/bootstrap-datepicker/

Первая версия отвечает на change.dp, а вторая версия отвечает на dp.change.

Просто проверьте комментарии в верхней части bootstrap-datetimepicker.js, чтобы узнать, какой из них вы используете.

person itsmejodie    schedule 03.04.2014
comment
У меня такая же проблема, и я использую плагин от eonasdan. Ни change.dp, ни dp.change не запускаются. - person duyn9uyen; 11.04.2014
comment
Неважно. У меня были сценарии в неправильном порядке. Кажется, что оба события работают. Здесь. jsfiddle.net/QM8eC/4 - person duyn9uyen; 11.04.2014
comment
для change.dp я получаю сообщение об ошибке: undefined не является функцией для setMaxDate, а dp.change не работает. Как так? - person Yebach; 02.07.2014
comment
Это кусало меня снова и снова в этом последнем проекте. Спасибо за краткое напоминание! - person tthayer; 05.05.2015
comment
Существует еще одна вилка, основанная на smalot/bootstrap-datetimepicker, которая также использует change.dp. - person Camilo; 10.07.2016

Проверьте, загружаете ли вы moment.js перед загрузкой datetimepicker.js

person da Rocha Pires    schedule 24.03.2014

Tempus Dominus (определяемый как преемник очень популярного Eonasdan/bootstrap-datetimepicker), похоже, изменил event на change.datetimepicker.

person glerendegui    schedule 17.08.2018
comment
Благодарю вас! Я думал, что использую плагин eonasdan... ха-ха - person Aline Matos; 03.04.2019

Я использую средство выбора даты и времени начальной загрузки. После большого количества исследований у меня работает следующий код:

$('.data_date_of_birth').on('changeDate', function(event) {
  alert($(this).val());
});
person Kamlesh    schedule 23.07.2019