JQuery DatePicker Uncaught TypeError: Object [объект Object] не имеет метода «DatePicker»

Question

Я получаю эту ошибку в форме Я настраиваю:

Uncaught TypeError: Object [object Object] has no method 'datepicker' 

Я прибегая к помощи в течение некоторого времени и проверили несколько сообщений об этой проблеме. У меня есть jquery и jquery ui в правильном порядке, но продолжайте эту проблему.

мой HTML (сноска)

<!-- Included JS Files (Compressed) --> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <script src="/javascripts/foundation.min.js"></script> 
    <script src="/javascripts/flexy-menu.js"></script> 

    <!-- Initialize JS Plugins --> 
    <script src="/javascripts/app.js"></script> 
    <script src="/javascripts/lma.js"></script> 

Внутри lma.js я называю DatePicker:

// datepicker 
$(document).ready(function() { 
    $('.checkIn, .checkOut').each(function() { 
     $(this).datepicker({ dateFormat: 'yy-mm-dd' }); 
    }); 
}); 

Am используя основу 3 и для жизни меня не может понять, почему я m получая Unipate TypeErrro в консоли.

UPDATE код формы здесь:

<div class="six columns bookForm"> 
     <form id="reserveNow" action="#"> 

     <label>Check In<br /> 
      <input type="text" value="02/24/2013" class="checkIn round"> 
     </label> 

     <label>Check Out</br> 
      <input type="text" value="02/27/2013" class="round checkOut"> 
     </label> 

     </form> 
    </div><!--twelve columns--> 

Answer 1

JS это нормально, но я изменил HTML.
Вот рабочий пример: (Example)

<div class="six columns bookForm"> 
    <form id="reserveNow" action="#"> 
     <label for="check-in">Check In</label> 
     <input id="check-in" type="text" value="02/24/2013" class="checkIn round" /> 
     <label for="check-out">Check Out</label> 
     <input id="check-out" type="text" value="02/27/2013" class="round checkOut" /> 
    </form> 
</div> 
<!--twelve columns--> 

Попробуйте новый HTML, если он не работает, то есть, кажется, что есть конфликт в файлах JS.

Answer 2

Вы должны создать экземпляр объекта Datepicker. Что-то вроде этого:

$("#datepicker").datepicker({ 
     }); 

Answer 3

Я использовал jquerytools, чтобы получить эту ошибку, и кажется, что мои включенные были в неправильном порядке. Когда я поставил jquerytools ВЫШЕ Jquery-интерфейса, он работал отлично:

<script type="text/javascript" src="/js/jquery-1.10.2.min.js"></script> 
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> 
<script type="text/javascript" src="/js/jquery-ui-1.10.3.min.js"></script> 

Answer 4

В моем случае, включая второй раз «Jquery-ui.custom.min.js» вызвал JS конфликт. После удаления второй включите его рабочий.