带有 2 个日期选择器的克隆表单

发布于 2025-01-04 19:35:02 字数 681 浏览 3 评论 0原文

我正在尝试使用日期选择器克隆具有两个不同文本字段的表单。我一直在这里寻找答案,但能找到像我这样的答案。

$(document).ready(function() {
$('#btnAdd').click(function() {

 var num = $('.clonedInput').length;    
 var newNum = new Number(num + 1);
 var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);

 newElem.find('#label_cl label').attr('for' , 'label_cl' + newNum);
 newElem.find('#input_cl input').attr('id' , 'input_cl' + newNum);

 newElem.find('#label_cls label').attr('for' , 'label_cls' + newNum);
 newElem.find('#input_cls input').attr('id' , 'input_cls' + newNum);

$('#input' + num).after(newElem);
$('#input_cl' + newNum ).datepicker;
$('#input_cls' + newNum ).datepicker;

I am trying to clone a form with two different texfields with datepicker. I have being searching for answeres here but coulnd find anything like mine.

$(document).ready(function() {
$('#btnAdd').click(function() {

 var num = $('.clonedInput').length;    
 var newNum = new Number(num + 1);
 var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);

 newElem.find('#label_cl label').attr('for' , 'label_cl' + newNum);
 newElem.find('#input_cl input').attr('id' , 'input_cl' + newNum);

 newElem.find('#label_cls label').attr('for' , 'label_cls' + newNum);
 newElem.find('#input_cls input').attr('id' , 'input_cls' + newNum);

$('#input' + num).after(newElem);
$('#input_cl' + newNum ).datepicker;
$('#input_cls' + newNum ).datepicker;

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

等待圉鍢 2025-01-11 19:35:02

您还需要使用日期选择器实例化新输入,将:更改

$('#input' + num).after(newElem);

newElem.insertAfter('#input' + num).datepicker;

You need to instantiate the new input with a datepicker too, change:

$('#input' + num).after(newElem);

to

newElem.insertAfter('#input' + num).datepicker;
醉南桥 2025-01-11 19:35:02

这不是初始化日期选择器插件的方式。

$('#input_cl' + newNum ).datepicker;
$('#input_cls' + newNum ).datepicker;

将其更改为

$('#input_cl' + newNum ).datepicker();
$('#input_cls' + newNum ).datepicker();

您必须调用 datepicker 插件,以便它将在输入元素上应用必要的事件处理程序。

This is not the way you initialize datepicker plugin.

$('#input_cl' + newNum ).datepicker;
$('#input_cls' + newNum ).datepicker;

Change it to

$('#input_cl' + newNum ).datepicker();
$('#input_cls' + newNum ).datepicker();

You have to call datepicker plugin so that it will apply the necessary event handlers on the input element.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文