1

我正在使用这个bootstrap-datetimepicker,但它不能正常工作

我的页面依次包含

<script type="text/javascript" src="/media/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="/media/bootstrap-3.0.0/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/media/js/jquery.mask.min.js"></script>
<script type="text/javascript" src="/media/js/bootstrap-datetimepicker.min.js"></script>

<link href="{{ MEDIA_URL }}bootstrap-3.0.0/dist/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="all" />
<link href="{{MEDIA_URL}}css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" />
<link href="{{ MEDIA_URL }}css/main.css" type="text/css" rel="stylesheet" media="all" />

没有 404 页面渲染时所有文件都被下载

在我的页面上我有

<label for="id_date">Date:</label>
<input class="datetimepicker" id="id_date" name="date" type="text" value="2013-11-06 13:49:11.458000">

<script>
    $('.datetimepicker').datetimepicker(
        {format:'yy:mm:dd - hh:mm',
         todayHighlight: true}
    );
</script>

但是当我按下我的 datetimepicker 时,我没有看到黑色箭头从年到年或从月到月等导航,并且日期从 1900 年开始,而在文件上声明默认的 initialtDate 现在是

我究竟做错了什么?

4

1 回答 1

1

我刚刚遇到了同样的问题,并通过更改 css 解决了它。只需将时间选择器元素的 z-index 设置在较高的一侧。

于 2014-05-02T11:15:07.830 回答