Bootstrap 3 datetimepicker events nicht feuernd

Question

Ich benutze Bootstrap 3 DateTimePicker und ich versuche Beispiel 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> 

Kalender ist nach den Bedürfnissen zeigt aber die Ereignisse wie dp.change, dp.hide werden dp.show nicht Anheizen .. Was könnte das Problem sein? Irgendeine Hilfe?

EDIT: Bitte beachten Sie, dass ich alle notwendigen Dateien wie Bootstrap js aufgenommen haben, Bootstrap css, Moment.js und Datetime js und CSS-Dateien.

Answer 1

loading Diese mag albern, aber haben überprüfen Sie Sie die gleiche bootstrap-datetimepicker.js Plugin verwenden, die Sie in Ihrer Frage beziehen sind?

Es gibt zwei Versionen, die ich kenne, von denen sehr ähnlich sind:

1. Die Version, die Sie in Ihrer Frage zu finden: http://eonasdan.github.io/bootstrap-datetimepicker/
2. Eine etwas andere Version: http://www.eyecon.ro/bootstrap-datepicker/

Die erste Version reagiert zu change.dp, während die zweite Version auf dp.change reagiert.

Überprüfen Sie einfach die Kommentare an der Spitze der bootstrap-datetimepicker.js, um zu sehen, welche Sie verwenden.

Answer 2

Überprüfen Sie, ob Sie laden moment.js vor datetimepicker.js