Twitter bootstrap 3 引导日期时间选择器不工作

Twitter bootstrap 3 引导日期时间选择器不工作,twitter-bootstrap-3,bootstrap-datetimepicker,Twitter Bootstrap 3,Bootstrap Datetimepicker,我正在试验优秀的引导DateTimePicker插件,但似乎一开始就遇到了问题。页面控件显示正确,但日历按钮完全没有响应-实际上没有弹出选择器。我创造了一个例子来说明这个问题。检查控制台输出的小提琴没有发现任何明显的错误 我注意到示例代码使用jQuery1.8.3,因此我尝试返回到该代码,但没有效果。我怀疑我在这里出了什么问题,但我不太清楚那可能是什么。如果有任何帮助,我将不胜感激 我使用的测试标记非常简单,并且直接从Datetimepicker示例文档中复制 <div class="fo

我正在试验优秀的引导DateTimePicker插件,但似乎一开始就遇到了问题。页面控件显示正确,但日历按钮完全没有响应-实际上没有弹出选择器。我创造了一个例子来说明这个问题。检查控制台输出的小提琴没有发现任何明显的错误

我注意到示例代码使用jQuery1.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>

选择


首先,必须从
输入中删除
只读属性。您不需要第二次隐藏输入。然后您必须将
dtp_singleshot
id
分配给您的
输入组
输入

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

选择

完美的我认为这意味着文档中的示例代码是错误的?我注意到有人提到示例代码是针对v4测试版的。我在文档中找不到这个示例。你能给我一个链接吗?我想知道我是否无意中使用了一个分叉版本——我正在使用的这个版本来自。在那里提供的ZIP文件中,您会发现我在bootstrap v3/index.htmlIt的示例中使用的标记是不同的插件。这里有你使用的插件的文档。是的,我意识到,在阅读了你的答案后,我对事情进行了更仔细的研究。这两个插件彼此非常相似。不久前,我抓取了原始代码,并在不知不觉中开始使用错误的在线文档。