javascript php为多个单元格添加时间戳 - javascript php adding timestamp to multiple cells

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将其转换到服务器端。