Datepicker为动态创建的行中的每个输入元素？

我有一个动态的循环如下所示。它创建了4列的行。我想为输入字段（）的列添加一个日期选择器。Datepicker为动态创建的行中的每个输入元素？

for (var i=0, file; file=o.files[i]; i++) { %} 

     <tr class="template-upload fade"> 
      <td class="preview"><span class="fade"></span></td> 
      <td class="name"><span>{%=file.name%}</span></td> 
      <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> 
    <td class="docDate"><span><input type="text" id="idDocDate" class="clsDocDate" /><img src="../Images/Calendar.png" alt="" onclick="txtDatePicker(this);"/></span></td> 

    </tr> 
    {% } %}

我在图像按钮上使用“onclick”事件尝试下面的代码，但这不能按预期方式工作。它显示每行的日期选择器，但问题是它只将选定的日期值分配给第一行。不管我选择哪一行，它仍然只分配给第一行。是否有任何解决方法，为此获得单独的datepicker for eachrow？

function txtDatePicker(argDate) { 
    var ele = $(argDate).closest('td').find('.clsDocDate'); 
    $(ele).datepicker({ 
     showOn: 'button' 
    }); 
}

来源

2013-10-31 Naveen Reddy

看起来这是因为你有重复的ID，用于日期输入字段，从日期字段删除id属性

<input type="text" class="clsDocDate" />

演示：Solution，Problem

来源

2013-10-31 07:09:15

感谢阿伦！有效。 –

无论如何，只要我点击我的图像图标，我就可以得到这个日期选择器？ –

Datepicker为动态创建的行中的每个输入元素？

回答

相关问题