使用jQuery切换文本输入字段

时间:2011-03-13 08:50:17

标签: jquery jquery-ui

我有一个使用jQuery UI Datapicker的文本字段。它还有一个来自inline-form-field jQuery插件的内联标签。

当插件处于活动状态时,它会为文本框分配一个类,名为“.intra-field-label”。 datepicker还分配了一个名为“.hasDatepicker”的类。第一类应该是浅灰色,当文本放入字段时切换为黑色。但是,datepicker使事情复杂化。当我使用datepicker输入日期时,该字段的文本保持浅灰色。

我如何解决这个问题,以便从datepicker小部件中挑选的日期也是黑色的?

我需要能够在选择日期后立即从文本输入中删除类.intra-field-label。我该怎么办?也许像focus() - >删除课程。如果在blur()时,并且该字段没有值,请重新添加该类。我只是不知道在jQuery中它是否正确。

任何帮助?

1 个答案:

答案 0 :(得分:2)

您可以使用在关闭Datepicker时触发的UI Datepicker的onClose事件。

$('.selector').datepicker({
onClose: function(dateText, inst) { 
$(this).removeClass('intra-field-label');
 }
});