引导日期时间选择器无法运行

Question

我正在尝试优秀的 Bootstrap DateTimePicker 插件，但似乎一开始就遇到了缓冲区。页面控件显示正确，但日历按钮完全没有响应 - 实际上没有弹出选择器。我创建了this fiddle来说明问题。检查小提琴的控制台输出并没有发现任何明显的错误。

我注意到示例代码使用 jQuery 1.8.3，所以我尝试回退到该版本，但没有成功。我在这里犯了什么错？

我使用的测试标记非常简单 - 直接从 Datetimepicker 示例文档复制

<div class="form-group">
  <label for="dtp_singleshot" class="col-md-2 control-label">Choose</label>
  <div class="input-group date form_datetime col-md-5" data-link-
   field="dtp_singleshot">
  <input class="form-control" size="16" type="text" value="" readonly>
  <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
  <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
  </div>
<input type="hidden" id="dtp_singleshot" value="" /><br/>
</div>

Answer 1

首先，您必须从

readonly

中删除

input

属性。您不需要第二个隐藏输入。然后你必须将

id

中的

dtp_singleshot

分配给你的

input-group

或

input

。

<div class="form-group">
  <label for="dtp_singleshot" class="col-md-2 control-label" id="dtp_singleshot">Choose</label>
  <div class="input-group date form_datetime col-md-5" data-link-
   field="dtp_singleshot">
  <input class="form-control" size="16" type="text" value="">
  <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
  <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
  </div>
</div>

JSFIDDLE