datepickertime jquery/bootstrap 显示不正确

Ama*_*son 5 html javascript jquery datetimepicker twitter-bootstrap

我正在尝试获取日期时间选择器,这是我的参考:

<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>
Run Code Online (Sandbox Code Playgroud)

这是电话:

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

但是日期选择器显示非常奇怪,根本没有逻辑:

日期时间选择器

似乎 css 正在正确加载 请在此处输入图片描述请帮忙

添加了 bootstrap-standalone-css 库,然后我至少得到了这个,但是时间视图在单击时向下切换,然后立即备份并且按钮显示不完全正确: 在此处输入图片说明

更新

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

小智 0

更改库的位置,如下所示

<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" />
Run Code Online (Sandbox Code Playgroud)