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

发布于 2025-01-07 22:33:09 字数 464 浏览 0 评论 0原文

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

我在 html 页面内调用该函数，如下所示这

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

});

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

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

由于 id 不断动态变化，行长度被一一添加到 id 以使 id 唯一。

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

原文

I am using jquery date input plugin from here

I call the function inside the html page like this

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

});

It works fine in every fields where we just have to specify the id of the element.

I have a table which creates table rows of html elements dynamically, I want the date input plugin to apply date mask in the text box having mfd date.

Since the id keeps changing dynamically as the row length is being added one by one to the id to make the id unique.

How can i use the masked date input inside the dom table ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

赠我空喜 2025-01-14 22:33:09

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

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

You could do the work inside your insSpec function, where you have both the ID and the markup at your disposal.

Without using the ID:

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

Using the ID:

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

And since that cell really only has one input, you only need to look for the input

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

Or you could emit an event after the new row has been created and attach the mask to the last row in the table always, or even pass the last row as data to the event listeners.

回复收藏 0 原文

无所的.畏惧 2025-01-14 22:33:09

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

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

，其中 eq(n) 中的 n 是输入序列中的项目编号

It is a good idea to use a permanent class. If you use ajax, maybe you need to use callback function to wait for a code loaded before you apply the mask. You can also use a bordering div or span tag around your input tag with the permanent id. If you have constant amount of input in form you can use