刪除jQuery的timepicker

我用這timepicker：http://labs.perifer.se/timedatepicker/我的站點內我使timepicker如本例中提到的一個使用刪除jQuery的timepicker

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

基於一個下拉列表，我想打場時間1作爲時間/簡單的文字。有沒有一種方法，我可以刪除時間選擇器，使字段爲簡單的文本？

TIA

Bittu

來源

2011-11-23 kayteen

我會嘗試使用JavaScript來簡單地去掉＃時間1場，然後在一個新的具有相同ID的增加，它的值（和任何屬性）設置爲相同原版的。

來源

2011-11-23 12:44:46 dnuttle

酷..它的簡單和它的作品時，我嘗試了一個測試頁面上。我會更新你，一旦我有它在我的網站上工作:) – kayteen

感謝您的提示！ – KostasC

如何有兩個領域，一個普通和一個datepicker（）編輯，並根據需要隱藏/顯示他們？

或者，考慮jQuery UI datepicker，它有一個destroy方法重置目標元素。

來源

2011-11-23 12:55:39 N3dst4

不幸的是，jQuery UI日期選擇器不包括一個時間選擇器，但考慮使用這一個：http://trentrichardson.com/examples/timepicker/ – Cito

Cito/N3dst4：感謝您的鏈接，但我必須使用這個插件，只是因爲它很簡單，並將所有值列爲下拉列表。我沒有選擇移動到另一個插件:( – kayteen

您可以使用$('.time-picker').remove()從您的頁面中刪除時間選取器功能。

來源

2011-11-23 13:01:20 Cito

我試過..但是當我改變下拉的值到時間，時間選擇器將不會出現。 – kayteen

啊，是的。除此之外，你需要''刪除$（'＃time1'）[0] .timePicker''。 – Cito

我用這一個：

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

來源

2013-01-20 18:06:55

刪除jQuery的timepicker

回答

相關問題