Bootstrap datepicker根本不工作

时间:2013-03-20 23:31:20

标签: jquery twitter-bootstrap datepicker

我一直在尝试从这里获取bootstrap datepicker:https://github.com/eternicode/bootstrap-datepicker工作,但日历根本不会出现。不确定我错过了什么?我已正确地链接了一切。任何帮助都会很棒,谢谢!

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">

<input type="text" value="02/16/12" data-date-format="mm/dd/yy" class="datepicker" >

<script src="js/bootstrap.js"></script>
<script src="js/jquery-1.7.1.js"></script>  
<script src="js/bootstrap-datepicker.js"></script>

<script type="text/javascript">
$('.datepicker').datepicker();
</script>   

2 个答案:

答案 0 :(得分:5)

$(document).ready(function() {
    $('.datepicker').datepicker();
})

它适用于here我使用了jQuery 1.7.2,Bootstrap 2.0.2和最新的datepicker JS。我的测试中缺少CSS,但点击时会发生日期选择! : - )

答案 1 :(得分:4)

除了添加$(document).ready()之外,还需要在加载bootstrap.js之前加载jquery。

<script src="js/jquery-1.7.1.js"></script>  
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-datepicker.js"></script>

希望有所帮助。