javascript - 带有 Twitter boostrap 的日期选择器出现但不更改日期

Question

我正在尝试通过以下代码将datepicker与 twitter bootstrap 一起使用，但是当日期选择器日历显示时，当我单击它时它不会更改表单中的日期。

<div class="control-group">
    <label class="control-label" for="dp1">Meeting Date</label>
    <div class="controls">
        <div class="input-append date" id="dp1" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
            <input class="span2" size="16" type="text" value="12-02-2012" readonly>
            <span class="add-on"><i class="icon-th"></i></span>
        </div>
    </div>
</div>

我用这些行调用 datepicker ：

<link href="css/datepicker.css" rel="stylesheet">
...
<script src="js/bootstrap-datepicker.js"></script>
<script>
    $(function(){
        $('#dp1').datepicker();
    });
</script>

我错过了什么吗？有一个对 jQuery 的调用，但如果我删除它，日历将不再显示。

Answer 1

在这里，您选择 adiv作为日期选择器，这就是它不起作用的原因，您必须选择文本框作为日期选择器

喜欢

$('#dp1>input').datepicker();