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/

Javascript日期选择器到Textfield

2 个答案: