2014-01-10 166 views
0

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

$('#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> 
+0

的DateTimePicker不是jQuery的一部分。你需要包括jQuery UI和特定的datetimepicker插件 –

+0

你包括datetimepicker庫 –

+0

嗨我剛剛更新了代碼問題,謝謝 –

回答

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

+0

感謝您的答案,現在的訂單是正確的,雖然我使用 jquery-timepicker v1.2.13 - http://jonthornton.github.com/jquery-timepicker/ –

+0

你的例子顯示'datetimepicker'不是'timepicker' –

+0

哦哇大規模的疏忽!感謝您的幫助,解決了我的問題! –

0

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

<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之前。

+0

謝謝,修復了jQuery錯誤 - 將在未來記住這一點。雖然timepicker誤差仍然存在 未捕獲的類型錯誤:對象[對象的對象]無方法 '的DateTimePicker' ' <!--Local JS - > ' –

+0

@NickyThomas檢查jquery.timepicker.js的路徑,你有404錯誤或控制檯中的任何其他錯誤?如果沒有,請考慮分享一個複製您的問題的在線鏈接,讓我們檢查 –

相關問題