使用来自 Javascript 的内部毫秒时钟预填充表单字段

Question

我的网站上有一个表格，我需要用当前的 unix 毫秒时间戳预填充。

我确实有另一个表单字段（在相同的表单中），它使用以下代码成功预填充了日期（月、日、年）：

 <div>DATE<br><input name="date" id="date"></div>

 <script>
 (function() {
 var days = ['','','','','','',''];
 var months =
['Jan','Feb','Mar','Apr','May','June','July','Aug','Sept','Oct','Nov','Dec'];
Date.prototype.getMonthName = function() {
return months[ this.getMonth() ]; };
Date.prototype.getDayName = function() {
return days[ this.getDay() ]; }; })();
var now = new Date();
var day = now.getDayName();
var month = now.getMonthName();
document.getElementById('date').value = day + ' ' + month + ' ' + 
now.getDate() + ', ' + now.getFullYear();
</script>

但是......当我尝试使用此代码使用 Unix 毫秒时间戳预填充第二个表单字段时，我没有同样的运气：

 <div>TIMESTAMP URL<br><input name="timeStampURL" id="timeStampURL"></div>

 <script>
 var d = new Date();
 document.getElementById('timeStampURL').innerHTML = d.getTime();
 </script>

我不明白为什么这两个代码会有不同的行为方式，但是任何关于如何让该脚本预填充该字段的建议都将不胜感激。

Answer 1

输入元素没有任何内容，因此设置它们的 innerHTML 属性没有任何作用。您的第一个功能是设置 value 属性，您的第二个功能也是如此：

function showTimeValue() {
  document.getElementById('timeValue').value = Date.now();
}

window.onload = showTimeValue;

<input id="timeValue">
<button onclick="showTimeValue()">Update time value</button>

每次您运行代码，您都会获得一个更新值。

使用来自 Javascript 的内部毫秒时钟预填充表单字段

Pre-populate Form Field With The Internal Millisecond Clock From Javascript

javascript

forms

date

auto-populate

unix-timestamp