如何填充使用JavaScript的HTML字段？

我有這樣的腳本來選擇一個日期的形式：如何填充使用JavaScript的HTML字段？

<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>

我怎樣才能與日期選擇器腳本結合下面的腳本中，這樣的形式是自動填充今天的日期，然後可以更改？

<!--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>

來源

2012-03-14 Stagleton

你的意思是添加今天的日期的默認值？ – c0deNinja 2012-03-14 19:49:26

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

來源

2012-03-14 19:49:55 ShankarSangoli

做到這一點（jQuery的）：

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

或（JavaScript的）：

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

，而不是

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

第二（jQuery的）選擇使用.val() method設置一個DO的值具有ID（#）的M元素。並可能我建議this mozilla JavaScript tutorial as a great place to start learning

來源

2012-03-14 19:48:29 ManseUK

如果我明白你的問題，你想與當前日預填充您的輸入：

的javascript：

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

的jQuery：

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

來源

2012-03-14 19:48:50 jbabey

當頁面加載並設置值時使用文檔準備功能，然後設置

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

希望這有助於

來源

2012-03-14 19:50:28 jacqijvv

如何填充使用JavaScript的HTML字段？

回答

相關問題