Javascript 如何在表格行中自动添加时间戳，并在更改时增加时间戳

我需要在用户输入姓名首字母后自动添加时间戳，然后创建新行，并且我需要将下一行的tote增加到下一个数字，例如（在第2行，tote将为2）

这是我的桌子结构

<table id="harvestedCannabis">
                        <tr>
                            <th>Tote #</th>
                            <th>Flowers</th>
                            <th>Trim A</th>
                            <th>Trim B</th>
                            <th>Waste</th>
                            <th>Originating Line(A,B,C)</th>
                            <th>Preformed By</th>
                            <th>Time Stamp</th>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td><input type="number" step=".1"></td>
                            <td><input type="number" step=".1"></td>
                            <td><input type="number" step=".1"></td>
                            <td><input type="number" step=".1"></td>
                            <td><input type="text"></td>
                            <td><input type="text" id="preformedBy"></td>
                            <td id="timeStamp"></td>
                        </tr>
                    </table>

手提袋#
花
修剪
修剪B
浪费
始发线路（A、B、C）
由
时间戳
1.

这是我的JS

$(document).ready(function(){
    $("#preformedBy").change(function(){
        $('#harvestedCannabis > tbody:last-child').append('<tr><td>1</td><td><input type="number" step=".1"></td><td><input type="number" step=".1"></td><td><input type="number" step=".1"></td><td><input type="number" step=".1"></td><td><input type="text"></td><td><input type="text" id="preformedBy"></td><td id="timeStamp"></td></tr>');
    });
  });

$（文档）.ready（函数（）{
$（“#preformedBy”）.change（函数（）{
$（“#HarvestedHospina>t正文：最后一个孩子”）.append（'1'）；
});
});

---

我希望时间戳自动输入，并在用户输入初始标签时增加时间戳

 $('#preformedBy').keyup(_.debounce($('#timeStamp').html(new Date()), 500));

有关lodash debouce的更多信息，请阅读

如果您不想使用下划线，可以使用jquery中的debounce，请阅读以下内容

如果你只是想把钥匙打开，你可以使用

    $('#preformedBy').keyup(()=>{
       $('#timeStamp').html(new Date())
    });

此外，您还可以使用setTimeout来增加它的趣味性，以等待一些用户延迟来确认他是否完成了

增量遵循相同的逻辑，只需更改目标html#id即可

---

就我个人而言，我是lodash的忠实粉丝，一行程序总是更易于阅读和调试

您可以使用下划线来消除影响

 $('#preformedBy').keyup(_.debounce($('#timeStamp').html(new Date()), 500));

有关lodash debouce的更多信息，请阅读

如果您不想使用下划线，可以使用jquery中的debounce，请阅读以下内容

如果你只是想把钥匙打开，你可以使用

    $('#preformedBy').keyup(()=>{
       $('#timeStamp').html(new Date())
    });

此外，您还可以使用setTimeout来增加它的趣味性，以等待一些用户延迟来确认他是否完成了

增量遵循相同的逻辑，只需更改目标html#id即可

就我个人而言，我是lodash的超级粉丝，一行程序总是更易于阅读和调试