销毁 fgelinas jquery-ui-timepicker答案

【问题标题】：destroying fgelinas jquery-ui-timepicker销毁 fgelinas jquery-ui-timepicker
【发布时间】：2014-06-23 10:15:36
【问题描述】：

我正在使用this time picker.

问题是，当我在显示时间选择器时导航到另一个页面时，它仍会在加载时显示在下一个屏幕上。如何销毁时间选择器？

尝试了以下方法，但无济于事。

tp.timepicker('destroy');
tp.timepicker('remove');
tp = null;

【问题讨论】：

标签： jquery timepicker jquery-ui-timepicker

【解决方案1】：

这是工作的JSFIDDLE HTML：

<input type="text" style="width: 70px;" id="timepicker" value="" />
<input type="button" value="Destroy it !" id="destroy">

JS：

$(document).ready(function(){
    $('#timepicker').timepicker();
    $('#destroy').click(function(){
       $('#timepicker').timepicker('destroy'); 
       $('#timepicker').timepicker('hide');
    });
});

【讨论】：

我怎样才能看到时间选择器实际上被破坏了？单击输入字段或按钮未显示任何内容。
首先点击输入框，就可以看到时间选择器了。之后单击按钮将其销毁。然后再次单击输入字段。这一次您将无法看到时间选择器被销毁。
单击输入字段不会显示我这边的时间选择器。
点击意味着将焦点转移到输入框中输入内容
查看我的控制台它在尝试访问 CSS 和 JS 文件时返回 403 Forbidden。

【解决方案2】：

没有很好的文档记录，但是有一个销毁方法：

$($elem).timepicker('destroy');

调用destroy方法应该解除事件与输入的绑定，并移除大部分为时间选择器设置的内容。

【讨论】：

感谢您回复我的问题。顺便说一句，你的时间选择器很棒。我的主要问题显然是即使在我销毁它之后仍然显示时间选择器。所以我在销毁后也调用了hide。