如何在javascript中获取动态id

如何在javascript中获取动态id,javascript,php,Javascript,Php,我的javascript函数是: <?php while($array = mysqli_fetch_array($query)) { <strong>Recieved Date:</strong> <input style="width:70px;" id="rec_date" class="rec_dat" type="text" name="payment_recieved_date">;

我的javascript函数是:

<?php  
  while($array = mysqli_fetch_array($query)) {
      <strong>Recieved Date:</strong>
      <input style="width:70px;" id="rec_date" class="rec_dat" 
             type="text" name="payment_recieved_date">;
  }
?>
$(函数(){
$(“.rec_date”).datepicker();
$('.rec_date').datepicker(“选项”,“日期格式”,
“yy-m-d”+“”+getCurrentTime());
//日期选择器({dateFormat:'',
//changeMonth:true,changeYear:true,yearRange:'-100:+0'});
});
我有一个问题,日历显示并为第一次迭代添加值,第二次仅显示日历,但在选择日期时没有添加值


请指导我在javascript函数中使id唯一。

您正在输出具有相同
id
值的多个元素。这是无效的,而且(我刚刚检查)它混淆了jQueryUI
datepicker

如果删除元素上的
id
s,并将类输出为
rec\u date
(而不是
rec\u dat
),则该类工作正常:

$(.rec_date”).datepicker()

我根本看不出日历是如何显示的,因为JavaScript代码使用的类与您输出的类不同。
 $(function() {
    $(".rec_date").datepicker();
    $('.rec_date').datepicker("option", "dateFormat", 
       "yy-m-d" + " " + getCurrentTime());

        //datepicker({dateFormat: '<?php echo "yy-m-d"; ?>', 
        //   changeMonth: true, changeYear: true, yearRange: '-100:+0'});
    });