引导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这样的事件没有启动..可能是什么问题？ 任何帮助？

编辑：请注意，我已经包括所有必要的文件，如Bootstrap JS，引导CSS，Moment.js和datetimepicker JS和CSS文件。

这可能看起来很愚蠢，但是你是否检查过使用的是与你的问题中提到的相同的bootstrap-datetimepicker.js插件？

我知道有两个版本非常相似：

  1. 您在问题中提供的版本： http : //eonasdan.github.io/bootstrap-datetimepicker/
  2. 稍有不同的版本： http : //www.eyecon.ro/bootstrap-datepicker/

第一个版本响应change.dp ，而第二个版本响应dp.change 。

只需检查bootstrap-datetimepicker.js顶部的注释，看看你正在使用哪一个。

在加载datetimepicker.js之前检查是否加载了moment.js

Interesting Posts