2011-11-23 59 views
1

我用这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

回答

2

我会尝试使用JavaScript来简单地去掉#时间1场,然后在一个新的具有相同ID的增加,它的值(和任何属性)设置为相同原版的。

+0

酷..它的简单和它的作品时,我尝试了一个测试页面上。我会更新你,一旦我有它在我的网站上工作:) – kayteen

+0

感谢您的提示! – KostasC

0

如何有两个领域,一个普通和一个datepicker()编辑,并根据需要隐藏/显示他们?

或者,考虑jQuery UI datepicker,它有一个destroy方法重置目标元素。

+0

不幸的是,jQuery UI日期选择器不包括一个时间选择器,但考虑使用这一个:http://trentrichardson.com/examples/timepicker/ – Cito

+0

Cito/N3dst4:感谢您的链接,但我必须使用这个插件,只是因为它很简单,并将所有值列为下拉列表。我没有选择移动到另一个插件:( – kayteen

0

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

+0

我试过..但是当我改变下拉的值到时间,时间选择器将不会出现。 – kayteen

+0

啊,是的。除此之外,你需要''删除$('#time1')[0] .timePicker''。 – Cito

0

我用这一个:

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