在每一行 PHP 上调用时间戳函数答案

【问题标题】：Call a timestamp function on every row PHP在每一行 PHP 上调用时间戳函数
【发布时间】：2014-10-13 08:39:55
【问题描述】：

这是我的脚本：

 <script type="text/javascript">
    function getTimeStamp() {
       var now = new Date();
       return (  + now.getHours() + ':'
                     + ((now.getMinutes() < 10) ? 
 ("0" + now.getMinutes()) : (now.getMinutes()))       +      
 ':' + ((now.getSeconds() < 10) ? ("0" + now
                     .getSeconds()) : (now.getSeconds())));
    }
    function setTime() {
    document.getElementById('field').value = getTimeStamp();
    }
     </script>

HTML 代码：频率运行时间表期间服务水平协议类型标题实际开始实际结束评论完成人

  <th align="center">


  </th>

  </tr>
  </thead>

<table>
td align="center"><?php echo $row['frequency']?></td>
<td align="center"><?php echo $row['rts']?></td>
<td align="center"><?php echo $row['duration']?></td>
<td align="center"><?php echo $row['sla']?></td>
<td align="center"><?php echo $row['type']?></td>
<td align="center"><?php echo $row['title']?></td>

<td>
<input id="field" type="text" name="field" value="" readonly size="11" />
<button type="button" onclick="setTime();">Get Time</button>
</td>
</table>

我想通过按下函数上的按钮在每一行添加一个实际的开始时间和结束时间，但问题是只有第一个字段只输出时间，当我按下其他列上的获取时间时没有任何反应行。

【问题讨论】：

信息不足，无法提供帮助。请添加显示您发布到 PHP 文件的方式/位置/内容的代码。并发布 PHP 文件的相关部分以解析所述数据并将其发布到数据库。
“id”属性在页面上必须是唯一的。您不能多次使用 ID。你需要为此使用一个类。

标签： javascript php mysql

【解决方案1】：

在 HTML 中，我们只能在一个页面中设置一个 id，这就是为什么每当您单击“获取时间”按钮时，它只会更新第一个输入按钮。所以请为每一行添加唯一的 id。

【讨论】：

有没有办法缩短代码。因为我的表有 100 行，这意味着我必须在开始时间执行 100 个函数，在结束时间执行 100 个函数？
您可以在 setTime() 中将 id 作为变量传递；

【解决方案2】：

检查一下

// You've written here getPassword()
function getpassword(){
var dt=new Date(), h=dt.getHours(), m=dt.getMinutes(), s=dt.getSeconds(),
date = new Date();
var h = dt.getHours();
var m = dt.getMinutes();
var s = dt.getSeconds();

document.getElementById("time").value=h + ':' + m + ':' + s;
}


</script>

<td align="right" width="180"><span class="style33"> start time :&nbsp;</span></td><td  align="left">
                <input type="text" id="time" readonly="readonly" name="time" /></td>
<script type="text/javascript">

function changeText(){
  var dt=new Date(), h=dt.getHours(), m=dt.getMinutes(), s=dt.getSeconds(),
date = new Date();
var h = dt.getHours();
var m = dt.getMinutes();
var s = dt.getSeconds();

document.getElementById("time1").value=h + ':' + m + ':' + s;
}



</script>


<td align="right" width="180"><span class="style33">  End time :&nbsp;</span></td><td align="left">
                <input type="text" id="time1" name="time1" /></td></tr>

【讨论】：