Trent Richardson timepicker 和 datetimepicker 的问题答案

【问题标题】：Problems with Trent Richardson timepicker and datetimepickerTrent Richardson timepicker 和 datetimepicker 的问题
【发布时间】：2012-02-23 10:06:17
【问题描述】：

我正在尝试实现 Trent 的时间选择器，但我无法做到。我正在 Chrome、Firefox 和 IE9 中对其进行测试。

我已经导入了 Jquery 和 Jquery UI。我能找到的唯一常见错误是 Jquery UI 不是完整版（没有幻灯片），但这不是我的情况。无论如何，错误如下

Cannot set property 'formatTime' of undefined (line ...)
$.datepicker.formatTime = function(format, time, options) { (this is the line)

Cannot call method '_newInst' of undefined
$t.datepicker($.timepicker._newInst($t, o)._defaults);

感谢任何帮助，我是 jQuery 的新手，但我不太明白。

【问题讨论】：

确保 jQuery 正在加载并且本身没有引发任何错误。然后添加 timepicker 库而不实例化它（根据需要注释掉这些东西）并确保不会引发任何错误。这可能会帮助您缩小原因。最后仔细检查你是如何初始化它的——这可能是你的调用是错误的。你会添加你的实例化代码和相关的 html sn-p 吗？
（顺便说一句，当询问有关可能不广为人知的特定插件的问题时，超链接到该项目的主页会很有帮助，以免其他人不得不用谷歌搜索。）
对不起，我忘记链接了。 Jquery ui 有效，我正在使用 datepicker 小部件，并且没有问题。这是 html <label for="horaInicio">Horario Inicio</label> <input type="text" id="hora_ini" name="horaInicio" /> 和我调用 datepicker $('#hora_ini').timepicker({}); 的 js
没有忘记的问题 - 但请记住，您可以编辑帖子以添加此类内容:)
只是一个猜测 - 也许从你的 timepicker() 调用中取出空哈希？

标签： jquery jquery-ui datepicker datetimepicker timepicker

【解决方案1】：

我今天早些时候遇到了同样的问题。我通过确保我拥有最新版本的 jQuery 和 jQuery UI 来解决它（起初我只更新了 jQuery 并且问题仍然存在）。我还会确保您拥有 Trent Richardson 的最新版本。

【讨论】：

没用。我有所有的最新版本，我什至尝试使用 Trent 的 dev 最新版本，但我不能，这真的很烦我.. 无论如何谢谢

【解决方案2】：

下载完整版的 jquery-ui here，但选中包括“日期选择器”在内的所有框。然后替换您的 jquery-ui js 文件并运行您的项目。为我工作。

【讨论】：

【解决方案3】：

将它与一个对象一起用作输入，这意味着额外的花括号：

<input type="text" name="pickuptime" id="pickuptime" value=""  /> 
$('#pickuptime').datetimepicker( { } );

而不是这个：

<input type="text" name="pickuptime" id="pickuptime" value=""  /> 
$('#pickuptime').datetimepicker( );

【讨论】：

【解决方案4】：

昨晚我遇到了完全相同的问题。问题的原因原来是 timepicker javascript 文件是在 jQuery UI javascript 之后加载的。由于timepicker要使用本应在jQuery UI中初始化的$.datepicker，结果惨败。

在我个人的情况下，我在 Ruby on Rails 环境中使用它，我让 asset pipeline 处理 javascript 加载的顺序。这是一个很好的环境，可以自动缩小处理 javascript 加载。但我放弃了，回到手动从 html 链接 js 文件，瞧！它奏效了。

【讨论】：

【解决方案5】：

您似乎在使用 datepicker

引用 jquery UI 时遇到问题

来自日期时间选择器网站

在您的日期时间选择器之前和 jquery 参考之后尝试此参考

<script type="text/javascript" 
src="http://code.jquery.com/ui/1.10.3/jquery-ui.js">

【讨论】：