Undefined не является функцией ImpressPages DatePicker

Question

Я хочу создать свою собственную форму plugin.I получить undefined не является функцией ошибки, когда я добавляю jquery datepicker в _header.php файл в impresspages.

<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

Ваш код выше, это работа .. Может быть, что-то не так с 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>

Answer 2

Удалить 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>