twitter bootstrap日期选择器不工作

Question

我一直在寻找答案，但我似乎无法找到一个有效的方法。我正在使用Django 1.4，使用twitter boostrap 2.0.4，我试图使用日期选择器（eyecon）但没有成功。当我点击输入框时，没有显示日期框。

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

在我的base.html结束时（在关闭正文之前）：

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

最后在我的jquery.script.js上我有：

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

Answer 1

您选择了所有具有“datepicker”类的元素，而您的输入元素定义没有这样的类，而是将datepicker作为id属性集。

选择ID字段$("#datepicker")或在输入字段中添加“.datepicker”类。

Answer 2

执行此操作：$(document).ready(function(){ $('#datepicker').datepicker()});

正如您设置了id="datepicker"

'.'用于课程，'#'用于ID