datepickertime jquery / bootstrap无法正确显示

问题描述 投票:3回答:2

我正在尝试获取一个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正确加载enter image description here请帮助

添加了bootstrap-standalone-css库,然后我得到了这个建议,但是时间视图在单击时切换为向下,然后立即备份,并且按钮显示不正确:enter image description here

UPDATE

似乎我丢失了datepicker库中的整个'fonts'文件夹,其中有一堆文件修复了大部分问题。现在唯一的问题是“时间框”不会保持向上切换。

我正在尝试获取一个datetimepicker,这是我的参考:

如下更改库的位置

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

谢谢大家的帮助!我改用内联方式解决了时间盒切换问题,因此我完全跳过了切换。一开始的主要问题是缺少字体文件。

javascript jquery html twitter-bootstrap datetimepicker
2个回答
0
投票

如下更改库的位置


0
投票

谢谢大家的帮助!我改用内联方式解决了时间盒切换问题,因此我完全跳过了切换。一开始的主要问题是缺少字体文件。

© www.soinside.com 2019 - 2024. All rights reserved.