未定义不是函数ImpressPages DatePicker

Question

我想创建我自己的表单plugin.I获取undefined不是函数错误，当我将jquery datepicker添加到_eader.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>