引导日期时间选取器未显示日历(或无法正确设置日期格式)

Question

目前，我的问题是日历没有显示(告诉期时间选择器函数没有在控件上正确初始化(。

请注意，此处显示的实现基于站点上其他位置的不同实现，该实现确实有效。

<link href="/Content/bootstrap.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="/Scripts/moment.min.js"></script>
<script src="/Scripts/bootstrap-datetimepicker.min.js"></script>

我已经删除了所有脚本，如数据表和淘汰，因为我相信它们是多余的，并且使用的脚本列表非常广泛。 可以在此处找到该页面的完整[已编辑以删除客户端信息]标记。

表单很简单，只需输入.datetimepicker类：

<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="control-label col-sm-5">Start Date</label>
<div class="col-sm-7 input-group">
<input type="text" class="form-control datetimepicker" id="StartDate" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar "></span>
</span>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-5">End Date</label>
<div class="col-sm-7 input-group">
<input type="text" class="form-control datetimepicker" id="EndDate" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar "></span>
</span>
</div>
</div>
</div>
</div>

现在，当我单击这些输入中的任何一个时，它们只会为我过去输入的值提供自动完成选项。

过去，对于这样的事情，您会在页面底部使用类似以下内容初始化javascript：

$(document).ready(function () {
$("#StartDate").datetimepicker();
$("#EndDate").datetimepicker();
});

但是，在这种情况下，这似乎不是必需的，因为这些日期时间选择器工作的页面不会执行此操作。

如果我确实以这种方式初始化控件，日历会显示，但是无论我使用此 SO Answer 中指示的locale选项还是format选项，它都不会为日期提供我需要的正确格式，即yyyy/mm/dd。

理想情况下，我希望能够看到日历弹出窗口，并让它以正确的格式在输入上显示日期。如果有人能指出我做错了什么，我将不胜感激。

这里有一个小提琴：https://jsfiddle.net/h3809a7r/

Answer 1

我刚刚导入了这些库，它现在可以工作了

Javascript：

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js
https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js
https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js

.CSS

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css

JsFiddle 链接与您的代码

Answer 2

你能试试这个吗

$("#StartDate").datetimepicker({
format: 'YYYY-MM-DD HH:mm',
showClose: true,
showClear: true
});