Bootstrap datetimepicker无法正常工作

时间:2013-11-06 11:55:47

标签: twitter-bootstrap datetimepicker

我正在使用this 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现在< / p>

我做错了什么?

1 个答案:

答案 0 :(得分:1)

我刚刚遇到同样的问题,只需更改css即可重新启动它。只需在较高的一侧设置timepicker元素的z-index。