HTML输入框内的Javascript函数

时间:2016-03-03 03:31:26

标签: javascript html html5

好的,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);
}

5 个答案:

答案 0 :(得分:2)

您可以使用document.getElementById(&#34; date&#34;)。value来设置输入的值。 另外&#34;功能dateToday {&#34;需要更改为&#34;功能dateToday(){&#34;

&#13;
&#13;
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();
&#13;
<input type="text" name="date" id="date" value="" class="inputBox" disabled />
&#13;
&#13;
&#13;

答案 1 :(得分:1)

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

document.write(今天); 更改为立即返回

您可能需要查看日期输入类型。

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

答案 2 :(得分:0)

您可以执行user2182349所述的document.getElementById(&#34; date&#34;)。value = dateToday(),并确保添加

今天回来;

在你的函数dateToday()。

答案 3 :(得分:0)

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

答案 4 :(得分:0)

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

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();
<input type="text" name="date" id="date" value="" class="inputBox" disabled/>