Html 引导：JQuery DateTimePicker不显示日期

我正在尝试使用引导实现日期时间日历，当我使用datetimepicker时，没有日期或时间可供选择。datetimepicker所需的库已经下载并位于目录中的相应文件夹中

这是我的密码：

将id='carPUdatetime'从div移动到输入：

---

您的问题是您在div上调用了datepicker，而不是在输入上调用了datepicker。 改变

---

@RacilHilan到底在哪里？根据RacilHilan的说法，您需要更改jQuery。$'carPUdatetime>input'.datetimepicker；我试图更新到这一点，但现在我的日历图标没有响应，甚至日历的一部分都没有显示是，因为有了此更改，日历现在已附加到输入中，因此单击其中，您将获得日历。如果希望将日历与div一起保存，则需要为其指定一个与标签的for属性`中使用的输入不同的id。请参阅我的最新答案。同样，您问题中的代码没有问题，正在运行。此答案仅用于修复标签中不正确的for属性。我仍然存在相同的错误，即日期选项没有显示在我的实际网站中，但在这个问题上，它们是…是的，但我们无法回答有关您网站上代码的问题，我们没有看到这些问题。我们没有水晶球。您发布的代码是有效的，因此无需修复。正如我所说，我的答案中的问题与此无关，只是为了修复错误的标签。这只会导致我的日历图标没有响应，并且不会显示任何日历弹出窗口

<label for="carPUdatetime"> Date and Time: </label>
   <div class='input-group date form_datetime' data-date-format="dd-MM-yyyy - HH:ii">
   <input id='carPUdatetime' class="form-control" type="text" required/>
   <span class="input-group-addon">
       <span class="glyphicon glyphicon-calendar"></span>
   </span>
   </div>
</div>

<label for="carPUdatetime"> Date and Time: </label>
   <div class='input-group date form_datetime' data-date-format="dd-MM-yyyy - HH:ii" id='carPUcalendar'>
   <input id='carPUdatetime' class="form-control" type="text" required/>
   <span class="input-group-addon">
       <span class="glyphicon glyphicon-calendar"></span>
   </span>
   </div>
</div>
<script type="text/javascript">
    $(function () {
        $('#carPUcalendar').datetimepicker();
    });
</script>

<input class="form-control" type="text" required/>

<input id="testInput" class="form-control" type="text" required/>

$(function () {
  $('#testInput').datetimepicker();
});