Jquery 动态创建行中每个输入元素的日期选择器?

Jquery 动态创建行中每个输入元素的日期选择器?,jquery,jquery-plugins,datepicker,jquery-ui-datepicker,jquery-templates,Jquery,Jquery Plugins,Datepicker,Jquery Ui Datepicker,Jquery Templates,我有一个动态for循环,如下所示。它创建具有4列的行。我想为其中一个具有输入字段()的列添加一个日期选择器 看起来这是因为日期输入字段有重复的id,请从日期字段中删除id属性 <input type="text" class="clsDocDate" /> 演示:,我是否可以在单击我的图像图标后立即获得该日期选择器?? function txtDatePicker(argDate) { var ele = $(argDate).closest('td').find('.

我有一个动态for循环,如下所示。它创建具有4列的行。我想为其中一个具有输入字段()的列添加一个日期选择器


看起来这是因为日期输入字段有重复的id,请从日期字段中删除id属性

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


演示:,

我是否可以在单击我的图像图标后立即获得该日期选择器??
function txtDatePicker(argDate) {
    var ele = $(argDate).closest('td').find('.clsDocDate');
    $(ele).datepicker({
        showOn: 'button'
    });
}
<input type="text" class="clsDocDate" />