动态文本框的Jquery datepicker不起作用 [英] Jquery datepicker for dynamic textboxes not working

问题描述

我使用JavaScript动态生成了文本框。我试图通过使用类作为选择器从文本框中访问日期选择器。日期选择器正在出现，但日期仅在第一个文本框中更改，而不是在其他文本框中更改。我在博客中引用了其他帖子，但这对我不起作用。



我使用的是jquery ui 1.12.1。

我的用于动态生成行的代码。

函数addRow（tableID）{
 $（。value2）.datepicker（'destroy ）; 
 $（。value）。datepicker（'destroy'）; 
 var table = document.getElementById（tableID）; 
 
 var rowCount = table.rows.length; 
 var row = table.insertRow（rowCount）; 
 
 var colCount = table.rows [2] .cells.length; 
 
 for（var i = 0; i 
 

我试过的：



请参考这个小提琴 JSfiddle

解决方案

（。value2）。datepicker（'destroy'）;

（。value）。datepicker（ 'destroy'）;
var table = document.getElementById（tableID）;

var rowCount = table.rows.length;
var row = table.insertRow（rowCount）;

var colCount = table.rows [2] .cells.length;

for（var i = 0; i

< br $> b $ b

我尝试了什么：



请参考这个小提琴 JSfiddle

现在可以使用：编辑小提琴 - JSFiddle [ ^ ]



特别是我所提到的是你的代码.on（焦点）值为1的代码是

I have generated textboxes dynamically using JavaScript. I am trying to access date-picker from the textboxes by using classes as selector. The date-picker is appearing but the date is only changing in the first textbox not for others. I have referred other posts in blog but that doesn't work for me.

I am using jquery ui 1.12.1.
My code to generate rows dynamically.

function addRow(tableID) {
                        $( ".value2" ).datepicker('destroy');
                        $( ".value1" ).datepicker('destroy');
           var table = document.getElementById(tableID);

           var rowCount = table.rows.length;
           var row = table.insertRow(rowCount);

           var colCount = table.rows[2].cells.length;

           for(var i=0; i

What I have tried:

Please refer this fiddle JSfiddle

解决方案

( ".value2" ).datepicker('destroy');

( ".value1" ).datepicker('destroy'); var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var colCount = table.rows[2].cells.length; for(var i=0; i

What I have tried:

Please refer this fiddle JSfiddle

This works now: Edit fiddle - JSFiddle[^]

Specifically what i addressed was your code for .on(focus) of value one was for

这篇关于动态文本框的Jquery datepicker不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！