首页 > 解决方案 > datepickertime jquery/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="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 库,然后我至少得到了这个,但是时间视图在单击时切换,然后立即备份并且按钮显示不完全正确: 在此处输入图像描述

更新

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

标签: javascriptjqueryhtmltwitter-bootstrapdatetimepicker

解决方案


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


推荐阅读