使用 jQuery 切换文本输入字段

Question

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

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

我怎样才能解决这个问题，以便从 datepicker 小部件中选择的日期也是黑色的？

只要选择了日期，我就需要能够从文本输入中删除 .intra-field-label 类。我该怎么做？也许像 focus() -> 删除类。如果当 blur() 时，并且该字段没有值，则重新添加该类。我只是不知道在 jQuery 中是否正确。

有什么帮助吗？

Answer 1

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

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