javascript - example - eonasdan bootstrap datetimepicker

Los eventos Bootstrap 3 datetimepicker no se activan

Question

Estoy usando Bootstrap 3 DateTimePicker y estoy intentando el ejemplo 8 (Linked 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>

Calender se muestra según las necesidades, pero los eventos como dp.change, dp.hide, dp.show no se están iniciando. ¿Cuál podría ser el problema? ¿Alguna ayuda?

EDITAR: Tenga en cuenta que he incluido todos los archivos necesarios, como Bootstrap js, bootstrap css, Moment.js y datetimepicker js y css.

Answer 1

Comprueba si estás cargando moment.js antes de cargar datetimepicker.js

Answer 2

Esto puede parecer tonto, pero ¿comprueba que está utilizando el mismo complemento bootstrap-datetimepicker.js que se refiere en su pregunta?

Hay dos versiones que conozco que son muy similares:

1. La versión que proporcionó en su pregunta: http://eonasdan.github.io/bootstrap-datetimepicker/
2. Una versión ligeramente diferente: http://www.eyecon.ro/bootstrap-datepicker/

La primera versión responde a change.dp , mientras que la segunda responde a dp.change .

Simplemente revise los comentarios en la parte superior de bootstrap-datetimepicker.js para ver cuál está usando.