提问人：Maeru Bagas Trisoko 提问时间：2/13/2023 最后编辑：mplungjanMaeru Bagas Trisoko 更新时间：2/14/2023 访问量：89
如何从可点击的表格javascript设置值输入时间
How to set value input time from clickable table javascript
问：
我想在单击tr表时从javascript设置时间值，但它只是在第一行上工作。然后，如果我尝试提醒（未设置值）其工作idk有什么问题，这是我的代码：
注意：表代码很长，所以我无法共享，但表 ID example_table
我希望每次点击任何表格行都可以设置时间值
$(document).ready(function() {
$("#example_table").delegate("tr", "click", function() {
var d = new Date(),
h = (d.getHours() < 10 ? '0' : '') + d.getHours(),
m = (d.getMinutes() < 10 ? '0' : '') + d.getMinutes();
now = h + ':' + m;
$("#start").val(now);
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<input type="time" name="start" class="form-control form-control-border" id="start">答：
0赞
mplungjan
2/13/2023
#1
如果有一个至少 3 行的最小可重现示例，那就太好了。
- jQuery 已弃用
.delegate.on - 使用相对选择
- ID 必须是唯一的。
- 使用 toISOString 以最简单的方式获取以 hh：mm 为单位的时间。
$(function() {
$("#example_table").on("click", "tr", function() {
$(this).find(".start").val(new Date().toISOString().slice(11, 16));
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody id="example_table">
<tr>
<td>Click on the row</td>
<td><input type="time" name="start" class="form-control form-control-border start"></td>
</tr>
<tr>
<td>Click on the row</td>
<td><input type="time" name="start" class="form-control form-control-border start"></td>
</tr>
<tr>
<td>Click on the row</td>
<td><input type="time" name="start" class="form-control form-control-border start"></td>
</tr>
</tbody>
</table>如果一个单元格中有一个按钮，而另一个单元格中有一个时间，则可以用于导航到该行，然后导航到输入：closest
$(function() {
$("#example_table").on("click", ".now", function() {
$(this).closest("tr").find(".start").val(new Date().toISOString().slice(11, 16));
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody id="example_table">
<tr>
<td><button type="button" class="now">Now</button></td>
<td><input type="time" name="start" class="form-control form-control-border start"></td>
</tr>
<tr>
<td><button type="button" class="now">Now</button></td>
<td><input type="time" name="start" class="form-control form-control-border start"></td>
</tr>
<tr>
<td><button type="button" class="now">Now</button></td>
<td><input type="time" name="start" class="form-control form-control-border start"></td>
</tr>
</tbody>
</table>
评论
start