未捕獲TypeError：對象[對象對象]沒有方法'datetimepicker'

Question

我一直在閱讀這裏的答案，但似乎沒有任何工作在他們的解決方案，出於某種原因我得到一個控制檯錯誤「未捕獲TypeError：當我使用一個按鈕來加載使用fancybox的腳本時，Object [object Object]沒有方法'datetimepicker''，但是瘋狂的事情是。如果我直接使用JavaScript通過日曆直接使用JavaScript來調用函數，那麼它可以正常工作，但我們希望它能夠在按鈕上工作，這在安裝新插件之前就已經完成了。

$('#Time').datetimepicker({ 
datepicker:false, 
format:'H:i', 
step:30, 
minTime: '07:00', 
maxTime: '21:00' 

}）;

任何人有任何想法？該HTML低於

<tr> 
<td>Time:</td> 
<td> 
<input type="text" id="Time" name="Time" value="<?php 
if(isset($Time)) echo $Time; ?>" class="inputBoxSmall time" /> 
</td> 
</tr> 

更新：我剛剛注意到這一點 - >未捕獲的ReferenceError：未定義的jQuery jQuery的ui.min.js：5

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"> </script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

Answer 1

首先，jquery是基礎源文件，jQuery UI使用jQuery源文件。所以包含腳本的順序必須顛倒。其次，我想你正在使用jQuery DateTimePicker插件。 "A jQuery plugin is simply a new method that we use to extend jQuery's prototype object"。插件的想法是用一系列元素做一些事情。通常幾乎所有的插件都帶有一個單獨的js文件，如果需要的話也可以使用樣式表。所以你的情況

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> 
<script src="path to your datepicker plugin here"></script> 
<link rel="stylesheet" type="text/css" href="path to your plugin style sheet here"/> 

你可以看到工作示例here

Answer 2

要包括在腳本錯誤的順序。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"> </script> 

jQuery必須在jQuery UI之前。