如何在javascript中获取动态ID

时间:2016-05-26 08:25:16

标签: javascript php

<?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函数是:

 $(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'});
    });

我有一个问题,即日历显示并为第一次迭代添加值,第二次只是显示日历,但是当我选择日期时没有添加任何值。

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

1 个答案:

答案 0 :(得分:2)

您正在输出具有相同id值的多个元素。这是无效的,(我刚刚检查过)它让jQuery UI datepicker感到困惑。

如果您删除了id,并在元素上输出了rec_date(而不是rec_dat),那么它可以正常工作:

$(".rec_date").datepicker();
<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<input type="text" class="rec_date">
<input type="text" class="rec_date">
<input type="text" class="rec_date">
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>