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

使用粉底3并且在我的生活中无法弄清楚为什么我在控制台中获得了Uncaught 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-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>

Answer 4

在我的案例中包括＆＃39; jquery-ui.custom.min.js＆＃39;第二次引起JS冲突。删除第二个包括它正确的工作。

jquery datepicker Uncaught TypeError：Object [object Object]没有方法'datepicker'

4 个答案: