1

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

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' });
    });
});

我正在使用基础 3，我一生都无法弄清楚为什么我会在控制台中得到 Uncaught 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-->
4

4 回答 4

1

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

于 2013-11-12T21:40:14.250 回答
0

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

 $( "#datepicker" ).datepicker({
        });
于 2013-11-12T21:21:51.310 回答
0

我正在使用 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>
于 2014-02-12T17:53:35.560 回答
0

在我的情况下，包括 'jquery-ui.custom.min.js' 第二次导致 JS 冲突。删除第二个后正确包含它的工作人员。

于 2014-02-23T10:39:28.677 回答