如何使用JavaScript填充HTML字段？

Question

我有這個腳本來選擇一個日期的形式：

<script src="http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js"></script>
  <script>
  $(document).ready(function() {
     $('#datetime1').datetimepicker();
  });
  </script>

形式如下：

<form action="#" method="get">
<input type="text" name="date1" id="datetime1" value = "03/14/2012 00:00"/> 
</form>

如何將以下腳本與datepicker腳本結合使用，以便自動用今天的日期填充表格，然后可以對其進行更改？

<!--this prints current date-->
<script type="text/javascript">
<!--
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
document.write(month + "/" + day + "/" + year)
-->
</script>

Answer 1

$(function(){
     var currentTime = new Date()
     var month = currentTime.getMonth() + 1
     var day = currentTime.getDate()
     var year = currentTime.getFullYear()
     $('#datetime1').val(month + "/" + day + "/" + year).datetimepicker();
});

Answer 2

執行此操作（jQuery）：

$('#datetime1').val(month + "/" + day + "/" + year);

或（JavaScript）：

document.getElementById('datetime1').value = month + "/" + day + "/" + year;

代替

document.write(month + "/" + day + "/" + year)

第二個（jQuery）選項使用.val（）方法設置id（ # ）為datetime1的DOM元素的值。 我是否可以建議將此mozilla JavaScript教程作為開始學習的好地方

Answer 3

如果我理解您的問題，那么您正在嘗試使用當天填充您的輸入內容：

javascript：

document.getElementById('datetime1').innerHTML = month + "/" + day + "/" + year;

jQuery的：

$('#datetime1').val(month + "/" + day + "/" + year);

Answer 4

在頁面加載時使用文檔准備功能，然后設置值

$(document).ready(function () {
  $('#datetime1').val(month + "/" + day + "/" + year);
});

希望這可以幫助