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

How can I put masked date input in a dynamically created text field?

本文关键字：创建 动态 文本 字段 屏蔽 日期 输入      更新时间：2023-09-26

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

我调用html页面内的函数，如

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

它适用于我们只需要指定元素id的每个字段。

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

由于id在一个接一个地将行长度添加到id以使id唯一时不断动态更改。

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

您可以在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');

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

使用永久类是个好主意。如果您使用ajax，可能需要使用回调函数来等待加载的代码，然后再应用掩码。您还可以在带有永久id的输入标记周围使用一个边界div或span标记。如果您在表单中有恒定的输入量，您可以使用

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

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

相关文章：