带有推特助推器的日期选择器出现了，但没有't更改日期

Datepicker with Twitter boostrap shows up but doesn't change date

本文关键字：日期 助推器 选择器      更新时间：2023-09-26

我正试图用以下代码将日期选择器与twitter引导程序一起使用，但当日期选择器日历出现时，当我点击它时，它不会更改表单中的日期。

<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>

我打电话给日期选择器，电话号码是：

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

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

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

像

$('#dp1>input').datepicker();
相关文章：