Question

我一直在阅读这里的答案，但似乎没有任何关于他们的解决方案，因为某些原因我收到了控制台错误＆＃34;未捕获的TypeError：对象[object Object]没有方法＆＃39;的DateTimePicker＆＃39;＆＃34;当我使用按钮使用fancybox加载脚本时，但疯狂的事情是。如果我通过我们直接使用的日历使用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>

更新：我刚刚注意到这一点 - ＆gt;未捕获的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之前出现。

未捕获的TypeError：对象[object Object]没有方法'datetimepicker'

2 个答案: