我尝试使用bootstrap datepicker，但它不起作用。我已经在bootstrap中查看了很多关于同一问题的页面。我几乎尝试了所有的页面，但最后它都不起作用。它作为一个正常的文本字段。
我还在我的文件中包含了bootstrap-datepicker.js。
我发现了这个例子，我不知道为什么它不起作用：

<div id="search_modal" class="modal hide fade" style="width:50%;">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">×</button>
                <h3>Search for a room</h3>
        </div>

        <div class="modal-body" align="">
            <label>City/place</label>
            <div class="input-append"><input type="text" id="" name=""><span class="add-on"><i class="icon-search"></i></span></div>

            <label>number of people</label>
            <div class="input-append"><input type="text" id="number" name="number"></div>

            </br>

            <input type="text" id="dp1">            
                    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.0.2/js/bootstrap-datepicker.min.js"></script>
             <script type="text/javascript">
            $( '#dp1' ).datepicker();
              </script>

        </div>

        <div class="modal-footer" >
            <button class="btn btn-secondary" data-dismiss="modal">Cancel</button>
            <button class="btn btn-primary">Register</button>
        </div>

        </div>
        <div class=""> 
        <a class="btn btn-large btn-success" href="#search_modal" data-toggle="modal">Book a room ss</a>
        </div>

我该如何解决这个问题？
下面是我为了解决这个问题而看过的一些页面。

• Bootstrap Datepicker Example
• Detect change to selected date with bootstrap-datepicker
• Twitter Bootstrap DatePicker does not work