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

Question

我从这里使用 jquery 日期输入插件

我像这样调用html页面内的函数

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

});

它在我们只需要指定元素 id 的每个字段中都可以正常工作。

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

由于 id 会随着行长度一一添加到 id 以使 id 唯一而不断变化。

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

Answer 1

你可以在你的insSpec函数中完成工作，在那里你可以使用 ID 和标记。

不使用 ID：

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

使用身份证：

$(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 是输入序列中的项目编号