未定義不是函數ImpressPages DatePicker

Question

我想創建自己的表單插件，當我在印象頁面中將jQuery datepicker添加到_header.php文件時，得到的undefined不是函數錯誤。

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

HTML

<div class="row">
        <div class="col-md-12">
            <form role="form" action="roomjack/create_customer" method="POST" accept-charset="utf-8">
                <div class="form-group">
                    <label for="in">Check In Date :</label>
                    <input type="text" id="in" class="datepicker form-control">
                </div>
                <div class="form-group">
                    <label for="out">Check Out Date:</label>    
                    <input type="text" id="out" class="datepicker form-control">
                </div>
                <button type="submit" class="btn btn-default">Book Now</button>
            </form>
        </div>
    </div>

這是我在_footer.php中的腳本

 <script>
    $(document).ready(function(){
            $( ".datepicker" ).datepicker();
        });
   </script>

Answer 1

刪除jQuery-默認情況下，它是由核心添加的。 刪除此行：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

如果仍然遇到問題，請嘗試刪除jQuery UI。 刪除此行：

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

Answer 2

您上面的代碼可以正常工作。javascript插件可能有問題，因此會引起沖突。

 $(document).ready(function(){ $( ".datepicker" ).datepicker(); }); 

 <link href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <div class="row"> <div class="col-md-12"> <form role="form" action="roomjack/create_customer" method="POST" accept-charset="utf-8"> <div class="form-group"> <label for="in">Check In Date :</label> <input type="text" id="in" class="datepicker form-control"> </div> <div class="form-group"> <label for="out">Check Out Date:</label> <input type="text" id="out" class="datepicker form-control"> </div> <button type="submit" class="btn btn-default">Book Now</button> </form> </div> </div>