删除 jquery 时间选择器

Question

I am using this timepicker: http://labs.perifer.se/timedatepicker/ for one of my intrasite I am enabling the timepicker as mentioned in the example by using

<select id="change_type">
    <option value="1">Time</option>
    <option value="2">Text</option>
</select>
<input type="text" id="time1" size="10">
$("#time1").timePicker();

Based on a dropdown list I want to make the field time1 as either time/simple text. Is there a way where I can remove the time picker to make the field as simple text?

TIA

Bittu

Answer 1

我会尝试使用 Javascript 简单地删除 #time1 字段，然后添加一个具有相同 ID 的新字段，将其值（和任何属性）设置为与原始值相同。

Answer 2

$("#time1").timePicker('destroy'); worked for me

Answer 3

I'm using this one:

var element = document.getElementById("TIME-PICKER-ID");
var clonedElement = element.cloneNode(true);
var parentElement = element.parentNode;
parentElement.replaceChild(clonedElement, element);

Answer 4

How about having two fields, one plain and one datepicker()'ed, and hide/show them as needed?

Alternatively, consider the jQuery UI datepicker , which has a destroy method which resets the target element.

Answer 5

您可以使用$('.time-picker').remove()从页面中删除时间选择器功能。