javascript php为多个单元格添加时间戳
javascript php adding timestamp to multiple cells
我是php和javascript的新手,请原谅我的无知。我正在尝试创建一个javascript,以便在多个单元格中插入时间戳。我确实有一个按钮来插入或更新mysql数据库以输入时间戳now(),但这不是我想要的路线。如果有人有更好的主意,请告诉我。基本上,我想点击一个按钮将时间插入<td><center><input id="field" type="text" name="time[]" size="11"></center></td>.
<?php
include 'config.php';
?>
<html>
<head>
<script>
function getTimeStamp(id) {
var now = new Date();
return (now.getHours() + ':' + ((now.getMinutes() < 10) ? ("0" + now.getMinutes()) : (now.getMinutes())));
}
function setTime() {
document.getElementById('field').value = getTimeStamp();
</script>
</head>
<body >
<div>
<button type="button" onclick="setTime();">TimeStamp</button>
<table >
<tr >
<td >id</td>
<td >First Name</td>
<td >Last Name</td>
<td >Location</td>
<td >Remarks</td>
<td >Timestamp</td>
</tr>
<?php
while ($row = mysqli_fetch_array($sql)){
print '<tr>
<td><input type="hidden" name="id[]" value="'. $row[0] .'">' .$row[0]. '</td>
<td><input type="hidden" name="first[]" value="'. $row[1] .'">' .$row[1]. '</td>
<td><input type="hidden" name="last[]" value="'. $row[2] .'">' .$row[2]. '</td>
<td><input name="location[]" value="'. $row[3] .'">' .$row[3]. '</td>
<td><center><input type="text" name="remarks[]" size="43"></center></td>
<td><center><input id="field" type="text" name="time[]" size="11"></center></td>
</tr>';
}
?>
</table>
</div>
</body>
</html>
如果我理解正确,您想通过单击按钮在所有输入字段time[]
中设置时间戳吗?
我无法完全测试该函数,因为您的getTimestamp
函数调用了此处未定义的其他函数,但它应该可以工作。。。
function setTime() {
var col=document.querySelectorAll('input[type="text"][name="time[]"]');
if(col){
for( var n in col ) if(col[n].nodeType==1) col[n].value=getTimeStamp();
}
}
根据您的意见
如果您希望在单击字段时为每个文本输入唯一设置时间戳,那么函数和分配需要有所不同。由于您不再需要带有setTime
功能的按钮,您可以使用类似的东西,移除按钮并删除setTime
功能。。。
function bindTimeEvents(){
var col=document.querySelectorAll('input[type="text"][name="time[]"]');
if( col ){
for( var n in col )if( col[ n ].nodeType ==1 ){
col[n].addEventListener('click',function(e){
this.value=getTimeStamp();
}.bind( col[n] ),false);
}
}
}
document.addEventListener('DOMContentLoaded',bindTimeEvents,false);
您首先需要添加一个class
而不是id
,因为id是唯一的&类可能是重复的,所以使用<input id="field" type="text" name="time[]" size="11">
将其更改为<input id="field" class="timestamp-fields" type="text" name="time[]" size="11">
,然后更改为
更改setTime
功能
function setTime() {
var elements = document.getElementsByClassName('timestamp-fields'), l = elements.length, t = getTimeStamp();
for (var i = 0; i < l; i++) {
elements[i].value = t;
}
}
但您必须记住,您使用的是客户端
Date
,而不是UTC/GMT 0
因此您可能需要使用PHP将其转换到服务器端。
相关文章:
- 可以'我不明白为什么;t将行和单元格添加到表中
- 如何在Angular中的表的所有单元格中添加链接
- jQuery-通过AJAX调用动态添加具有值的表单元格
- dhtmlx添加新行并启动单元格编辑器
- ExtJ将工具提示添加到网格单元格文本中
- 用于在表中添加行的Javascript代码将单元格中的数据复制到新行中
- 将工作表复制到新的电子表格,将单元格值添加到新电子表格名称的末尾
- 如何在 D3.grid 示例中向单元格添加文本 D3-js-building-a-grid-of-矩形
- 使用基于单选按钮选择的 jquery 将表格单元格添加到行尾
- 向动态创建的表中的单元格添加单击函数 - JavaScript
- 通过其 id 为表中的特定单元格添加颜色
- javascript如何每隔四个单元格添加一行
- 使用jquery向行单元格添加微调器
- 向数据表单元格添加侦听器
- 如何将单元格添加到表中,然后在N列之后换行
- 如何将表格单元格添加到表格行
- 在javascript中为单元格添加值
- 向由子元素事件触发的表单元格添加类/从中删除类
- javascript php为多个单元格添加时间戳
- 如何使用office-js以编程方式向工作表中的单元格添加超链接