Question

我有一个jQuery日期选择器控件，可以在一次实例中正常工作，但我不知道如何让它适用于多个实例。

<script type="text/javascript">
    $(function() {
    $('#my_date').datepicker();
});
</script>

如果没有For Each循环，它可以正常工作，但如果＆＃34; MyRecords＆＃34;中有多个项目。收集，然后只有第一个文本框获取日期选择器（这是有道理的，因为它与ID绑定）。我尝试将一个类分配给文本框并指定：

$('.my_class').datepicker();

但是虽然它在任何地方都显示了日期选择器，但它们都会更新第一个文本框。

使这项工作的正确方法是什么？

Answer 1

您可以尝试此代码

<input type="text" name="txtdate1" class="my_date">
<input type="text" name="txtdate2" class="my_date">
<input type="text" name="txtdate3" class="my_date">

<script type="text/javascript">
 $(function() {
    $('.my_date').datepicker();
 });
 </script>

Answer 2

您可以尝试使用以下代码，并且您的文本框ID也必须不同，如下所示

<input id="my_id_1"  class="my_class" name="date_1" />

<input id="my_id_2"  class="my_class" name="date_2" />

<input id="my_id_3"  class="my_class" name="date_3" />

在JavaScript中

 $('.my_class').each(function(){
            $(this).datepicker();
    });
   $('.my_class').click(function(){
        $(this).focus();
   });

带有多个ID的jQuery DatePicker

2 个答案: