尝试在单击按钮时输入时间戳

时间:2014-05-24 22:08:12

标签: javascript html button input timestamp

这是我正在处理的编码,无法弄清楚如何让按钮只输入当前时间的基本非计数时间戳。任何人都可以帮我解决我的问题。我想做的就是把时间戳放在获取时间按钮旁边的一个方框中......

<html>
<head>
<script language="JavaScript" type="text/javascript">



function getTimeStamp() {
       var now = new Date();
       return ((now.getMonth() + 1) + '/' + (now.getDate()) + '/' + now.getFullYear() + " " + now.getHours() + ':'
                     + ((now.getMinutes() < 10) ? ("0" + now.getMinutes()) : (now.getMinutes())) + ':' + ((now.getSeconds() < 10) ? ("0" + now
                     .getSeconds()) : (now.getSeconds())));
}


window.onclick = "getTimeStamp" ;


</script>

</head>

<body>
<td>
<button type="button" onclick="form"><form name="getTimeStamp">

 <input type=text" name="field" value="" size="11">
</form>Get Time</button></td>




<td>Test</td>
</tr>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

您不能将表单放在按钮中,按钮必须在表单中。你需要在可以看到的地方写下返回的值。

<form>
  <button type="button" onclick="this.form.timeField.value=getTimeStamp()">Get time stamp</button>
  <input type="text" name="timeField" size="11">
</form>

不要为文档中的任何元素提供与全局变量相同的名称或ID(例如名为“getTimeStamp”的表单和函数)。

卸下:

window.onclick = "getTimeStamp";

它将字符串“getTimeStamp”分配给 window onclick 属性,并没有任何用处。

您也可以删除:

language="JavaScript" type="text/javascript"

第一个只是在很久以前的非常特殊的情况下才需要,第二个除了在HTML 4中被要求之外从来没有必要。它不再需要了。 : - )

答案 1 :(得分:0)

在您的代码中,您有一些基本错误。

这是一个有效的例子:

<html>
<head>
<script type="text/javascript">
function getTimeStamp() {
       var now = new Date();
       return ((now.getMonth() + 1) + '/' + (now.getDate()) + '/' + now.getFullYear() + " " + 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>

</head>

<body onload="setTime()">

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

</body>
</html>
  1. 您无法在form下嵌套button;在这种情况下,您可以跳过form
  2. 您需要以某种方式识别要设置时间的input
  3. 您可以通过设置ID
  4. 来达到此input
  5. 在我的示例中,我在onload元素中使用body事件来设置初始时间戳
  6. 如果您有任何疑问,可以向他们提问。