带有Twitter引导程序的Datepicker会显示但不会更改日期

Question

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

<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

在这里，您选择一个div作为日期选择器，这就是为什么它不起作用 你必须选择文本框作为日期选择器

像

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