引导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