jquery - 引导日期选择器根本不工作

Question

我一直试图从这里获取引导日期选择器：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>   

Answer 1

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

它在这里工作，我使用了 jQuery 1.7.2、Bootstrap 2.0.2 和最新的datepicker JS。我的测试中缺少 CSS，但点击时会出现日期选择器！:-)

Answer 2

除了添加 $(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>

希望有帮助。