javascript - 将 Javascript 日期选择器放入文本字​​段

Question

我正在尝试对日期字段使用日期选择器，但我的日期字段 ID 是动态 ID，因为这些字段在表行中生成，例如

<input type="text" id="date<%=n%>"/>

但是我的日期选择器脚本需要 ID 才能将日期选择器附加到上面的文本字段中，如下所示，

<script type="text/javascript">
        new datepickr('datepick', { dateFormat: 'Y-m-d' });
    </script>

有没有其他方法可以使这项工作？

Answer 1

向您的输入字段添加一个类

<input type="text" id="date<%=n%>" class="datepicker"/>

并从 javascript 中获取它的值

var date = $('.datepicker').datepicker();

Answer 2

最好使用一个类而不是多个 id。您可以根据类的索引号区分文本字段值

first:<input type="text" class="date">
second:<input type="text" class="date">
third:<input type="text" class="date">

$(document).ready(function(){
   $('.date').datepicker(); 
    $('.date').on('change',function(){
       var index=$('.date') .index(this);
       $('.date:eq('+index+')').val();        
    });
});

js小提琴链接：http: //jsfiddle.net/sarath704/LhPP2/1/