it-swarm.com.ru

События 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.

41
writeToBhuwan

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

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

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

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

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

53
itsmejodie

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

6
da Rocha Pires

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

0
glerendegui