jquery datepicker Uncatch TypeError: Object [object Object]

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

本文关键字：Object object datepicker Uncatch TypeError jquery      更新时间：2023-09-26

我在正在设置的表单上收到此错误：

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

我已经在谷歌上搜索了一段时间，并检查了几篇关于这个问题的帖子。我的jquery和jquery ui顺序正确，但继续遇到这个问题。

我的网页（页脚）

  <!-- 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 
$(document).ready(function() {
    $('.checkIn, .checkOut').each(function() {
        $(this).datepicker({ dateFormat: 'yy-mm-dd' });
    });
});
我

使用的是基础 3，对于我的生活，我无法弄清楚为什么我在控制台中获得未捕获的 TypeErrro。

更新表单代码在这里：

  <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-->

JS 没关系，但我已经更改了 HTML。
下面是一个工作示例：（示例）

<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文件中似乎存在冲突。

您必须实例化 datePicker 对象。像这样：

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

我正在使用jquerytools收到此错误，似乎我的包含顺序错误。当我把jquerytools放在jquery-ui上方时，它工作正常：

<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>
在我的

情况下，包括'jquery-ui.custom.min.js'第二次导致了JS冲突。删除第二个后，请正确工作。

相关文章：