destroying fgelinas jquery-ui-timepicker

Question

我正在使用这个时间选择器。

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

我试了以下方法，但没有效果。

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

Answer 1

这是工作的JSFIDDLEHTML:

<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');
    });
});

Answer 2

没有很好的文档说明，但是有一个destroy方法:

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

调用destroy方法应该从输入中解绑定事件，并删除为时间选择器创建的大部分内容。