javascript - datepickertime jquery/bootstrap 显示不正确

Question

我正在尝试获取日期时间选择器，这是我的引用:

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

这是调用:

                <script>
                    $("#datetime").datetimepicker({
                        format: 'YYYY-MM-DD HH:mm'
                    });
                </script>

但是日期选择器显示的非常奇怪，完全没有逻辑:

看起来 css 加载正确

请帮忙

添加了 bootstrap-standalone-css 库，然后我至少得到了这个，但是时间 View 在点击时向下切换然后立即备份并且按钮显示不正确:

更新

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

Answer 1

像下面这样改变你的库的位置

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