HTML输入框内的Javascript函数答案

【问题标题】：Javascript function inside HTML input boxHTML输入框内的Javascript函数
【发布时间】：2016-03-03 03:31:26
【问题描述】：

好的，JS 新手，但我有一个带有输入框的 HTML 表单。这个输入框的值必须是 = 我写的一个 JavaScript 函数，但我不能让它工作。

在头部我有我的 js 文件的位置。基本上，我希望输入框值 = JavaScript 函数。

<script src="js/functions.js"></script>

HTML 输入框

<input type="text" name="date" id= "date" value= "" class="inputBox"
 disabled />

JavaScript 函数

function dateToday{
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10) {
    dd='0'+dd
} 

if(mm<10) {
    mm='0'+mm
} 

today = mm+'/'+dd+'/'+yyyy;

document.write(today);
}

【问题讨论】：

标签： javascript html

【解决方案1】：

您可以使用 document.getElementById("date").value 来设置输入的值。还需要将“function dateToday{”改为“function dateToday(){”

function dateToday() {
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth() + 1; //January is 0!
  var yyyy = today.getFullYear();
  if (dd < 10) {
    dd = '0' + dd
  }

  if (mm < 10) {
    mm = '0' + mm
  }

  today = mm + '/' + dd + '/' + yyyy;

  document.write(today);
  document.getElementById("date").value = today;
}

dateToday();

&lt;input type="text" name="date" id="date" value="" class="inputBox" disabled /&gt;

【讨论】：

【解决方案2】：

<script>
// Place this code at the end of the document body
window.onload = function(){
    document.getElementById("date").value = dateToday();    
};
</script>
</body>

并将document.write(today);改为return today;

您可能想查看 date 输入类型。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

【讨论】：

【解决方案3】：

您可以按照 user2182349 所述执行 document.getElementById("date").value = dateToday() 并确保添加

今天回来；

在你的函数 dateToday() 中。

【讨论】：

但是我应该把 document.getelement 代码放在哪里呢？
您可以使用 jquery 并将 do document.getelement 放入 document.ready 函数中

【解决方案4】：

除了这里的一些变化，没有什么大的。检查以下代码。

function dateToday() {
  var today = new Date();
  var dd = today.getDate();
  var mm = today.getMonth() + 1; //January is 0!
  var yyyy = today.getFullYear();
  if (dd < 10) {
    dd = '0' + dd
  }

  if (mm < 10) {
    mm = '0' + mm
  }

  today = mm + '/' + dd + '/' + yyyy;

  return today;
}

document.getElementById("date").value = dateToday();

&lt;input type="text" name="date" id="date" value="" class="inputBox" disabled/&gt;

【讨论】：

【解决方案5】：

<script>
    $(function() {
        document.getElementById("date").value = dateToday()
    });
</script>

【讨论】：