1

次のコードでtwitterブートストラップでdatepickerを使用しようとしていますが、date-pickerカレンダーが表示されている間、クリックしてもフォームの日付が変更されません。

<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の呼び出しがありますが、それを削除すると、カレンダーが表示されなくなります。

4

1 に答える 1

1

ここでは、日付ピッカーとしてを選択します。そのdivため、日付ピッカーとしてテキストボックスを選択する必要があります。

お気に入り

$('#dp1>input').datepicker();
于 2012-09-02T10:20:03.683 に答える