如何在动态创建的文本字段中输入屏蔽日期输入？

Question

我正在使用来自here

的jquery日期输入插件

我在html页面中调用这个函数就像这样

jQuery(function($){
   $("#date").mask("99/99/9999");

});

它在每个我们必须指定元素id的字段中都能正常工作。

我有table动态创建html元素的表行，我希望日期输入插件在具有mfd日期的文本框中应用日期掩码。

由于id会不断地动态更改，因为行长度逐个添加到id以使id唯一。

如何在dom表中使用屏蔽日期输入？

Answer 1

您可以在insSpec功能中完成工作，您可以随时使用ID和标记。

不使用ID：

$(f).find('input[name^="mfd_date"]').mask('99/99/9999');

使用ID：

$(f).find('#mfd_date'+rl).mask('99/99/9999');

由于该单元格实际上只有一个输入，您只需要查找输入

$(f).find('input').mask('99/99/9999');

或者您可以在创建新行后发出事件并将掩码始终附加到表中的最后一行，或者甚至将最后一行作为数据传递给事件侦听器。

Answer 2

使用永久课程是个好主意。如果你使用ajax，也许你需要使用回调函数来等待应用掩码之前加载的代码。您还可以在输入标记周围使用带有永久ID的边界div或span标记。如果您在表单中有不变的输入量，则可以使用

$('table input[type=text]').eq(n)

，其中eq（n）中的n是输入序列中的项目编号