Javascript datepickertime jquery/bootstrap未正确显示

Javascript datepickertime jquery/bootstrap未正确显示,javascript,jquery,html,twitter-bootstrap,datetimepicker,Javascript,Jquery,Html,Twitter Bootstrap,Datetimepicker,我想找一个日期时间选择器,这是我的参考: <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> <link href="~/bootstrap-datetimepicker-master/build/css/bootstrap-datetimepicker.css" rel="styl

我想找一个日期时间选择器,这是我的参考:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<link href="~/bootstrap-datetimepicker-master/build/css/bootstrap-datetimepicker.css" rel="stylesheet" />
<link href="~/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="~/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js"></script>

这就是电话:


$(“#datetime”).datetimepicker({
格式:“YYYY-MM-DD HH:MM”
});
但是datepicker显示得非常奇怪,完全没有逻辑:

看起来css加载正确 请帮忙

添加了bootstrap standalone css库,然后我至少得到了这个,但时间视图会在单击时向下切换,然后立即备份,按钮显示不太正确:

更新


似乎我错过了datepicker库中的整个“字体”文件夹,其中有一堆文件修复了大部分内容。现在唯一的问题是“时间框”并没有保持打开状态。

如下所示更改库的位置

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/vendor/bootstrap/js/bootstrap.min.js"></script>
<link href="~/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script src="~/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js"></script>
<link href="~/bootstrap-datetimepicker-master/build/css/bootstrap-datetimepicker.css" rel="stylesheet" />


谢谢大家的帮助!我解决了我的时间框切换问题,把它改为内联,所以我完全跳过切换。一开始的主要问题是缺少字体文件。

似乎datetimepicker没有使用css。请检查并尝试找出css类。看起来您的css干扰了datetimepicker。使用dev tools中的inspector来调试CSS的应用位置,并根据需要修改选择器查看页面源代码,然后单击与日期选择器相关的CSS链接,无论它们是否正确包含。它似乎显示默认时间选择+按钮无翻译。值得一试-将bootstrap.CSS放在日期时间选择器之前CSS共享您的完整代码,或者您可以制作一个小提琴并共享它,这样我们就可以检查可能的错误。
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/vendor/bootstrap/js/bootstrap.min.js"></script>
<link href="~/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script src="~/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js"></script>
<link href="~/bootstrap-datetimepicker-master/build/css/bootstrap-datetimepicker.css" rel="stylesheet" />