2014-01-10 120 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错误或控制台中的任何其他错误?如果没有,请考虑分享一个复制您的问题的在线链接,让我们检查 –

相关问题