javascript - 添加新 <tr> 时如何使用 jquery 获得不同的时间？

Question

我使用 jQuery 添加新的 <tr>线，我需要显示点击的当前时间，但它显示重复的时间是这样的

这是我的代码

<button type="button" class="add_line" id="add_line">+ Add More</button>
                <table class="tbl_add" style="width: 40%; font-size: 16px; ">
                    <tr>
                        <th colspan="7">Add new code <input type="hidden" name="id" id="id" value="<?php echo $code->id;?>"></th>
                    </tr>
                    <tr>
                        <td>Date</td>
                        <td>No.Doc</td>
                        <td>Receive</td>
                        <td>Issue</td>
                        <td>Balance</td>
                        <td>Reference</td>
                        <td>Del</td>
                    </tr>
                </table>

<script>
  var i=1;
  var t = '<?php echo date("H:i:s", time());?>';
  $("#add_line").on('click',function(){
    var data="<tr><input type='hidden' id='count' name='count' value='"+i+"'>"+
                " <td><input type='text' id='time_"+i+"' name='time_"+i+"' class='frm_text' value='"+t+"' readonly/><input type='text' id='dt_"+i+"' name='dt_"+i+"' class='frm_text' value='<?php echo date("Y-m-d");?>' readonly/></td>" +
                " <td><input type='text' id='no_doc_"+i+"' name='no_doc_"+i+"' class='frm_text' placeholder='No.Doc' /></td>"+
                " <td><input type='text' id='receive_"+i+"' name='receive_"+i+"' class='frm_text' placeholder='Receive' /></td> "+
                " <td><input type='text' id='issue_"+i+"' name='issue_"+i+"' class='frm_text' placeholder='Issue' /></td> "+
                " <td><input type='text' id='balance_"+i+"' name='balance_"+i+"' class='frm_text' placeholder='Balance'/></td> " +
                " <td><input type='text' id='ref_"+i+"' name='ref_"+i+"' class='frm_text_full' placeholder='Ref.Project' /></td>"+ 
                " <td><a id='btnDelete' class='btnDelete'><img src='<?php echo site_url().'images/minus.png';?>' width='20px' height='20px' ></a></td></tr>";
        $('.tbl_add').append(data);
        i++;
});

  $(".tbl_add").on('click','.btnDelete',function(){
        $(this).closest('tr').remove();

        });
</script>

我怎样才能得到不同的时间，请帮助我。

Answer 1

您必须每次新点击都花时间，所以只需更改您的代码:-

<script>
    var i=1;
    $("#add_line").on('click',function(){

        var dt  = new Date();
        var t   = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();

        var data="<tr><input type='hidden' id='count' name='count' value='"+i+"'>"+
                    " <td><input type='text' id='time_"+i+"' name='time_"+i+"' class='frm_text' value='"+t+"' readonly/><input type='text' id='dt_"+i+"' name='dt_"+i+"' class='frm_text' value='<?php echo date("Y-m-d");?>' readonly/></td>" +
                    " <td><input type='text' id='no_doc_"+i+"' name='no_doc_"+i+"' class='frm_text' placeholder='No.Doc' /></td>"+
                    " <td><input type='text' id='receive_"+i+"' name='receive_"+i+"' class='frm_text' placeholder='Receive' /></td> "+
                    " <td><input type='text' id='issue_"+i+"' name='issue_"+i+"' class='frm_text' placeholder='Issue' /></td> "+
                    " <td><input type='text' id='balance_"+i+"' name='balance_"+i+"' class='frm_text' placeholder='Balance'/></td> " +
                    " <td><input type='text' id='ref_"+i+"' name='ref_"+i+"' class='frm_text_full' placeholder='Ref.Project' /></td>"+ 
                    " <td><a id='btnDelete' class='btnDelete'><img src='<?php echo site_url().'images/minus.png';?>' width='20px' height='20px' ></a></td></tr>";
        $('.tbl_add').append(data);
        i++;
    });

    $(".tbl_add").on('click','.btnDelete',function(){
        $(this).closest('tr').remove();
    });
</script>

它可能对你有帮助。