Bootstrap Datepicker无法正常工作.

Question

小提琴前:http://jsfiddle.net/EmwFE/

所以我一直试图让datepicker工作,我认为我按照指示,但我不能让日历弹出.

TIA

以下代码的小提琴示例.

                 <label class="control-label" for="input08"> 
                    My Start Date
                 </label>
                 <div class="controls">
                    <script type="text/javascript">
                        $(document).ready(function() {
                        $('.datepicker').datepicker();
                    </script>

                    <div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
                        <input class="span2" size="16" type="text" value="12-02-2012" class="datepicker">
                        <span class="add-on"><i class="icon-th"></i></span>
                    </div>

                </div>

Answer 1

看看这个: jsfiddle

您打赌初始化包含所有内容的div的ID.你的目标是什么!

$('#dp3').datepicker();

Answer 2

您的代码中有几个问题.

• ready()调用后缺少括号
• 使用id选择,而不是一个类选择(#datepicker是指id="datepicker",.datepicker到class="datepicker")

工作实例