我有这个脚本来选择表单中的日期:
<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>
答案 0 :(得分: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();
});
答案 1 :(得分:0)
这样做(jQuery):
$('#datetime1').val(month + "/" + day + "/" + year);
或(JavaScript):
document.getElementById('datetime1').value = month + "/" + day + "/" + year;
而不是
document.write(month + "/" + day + "/" + year)
第二个(jQuery)选项使用.val() method设置具有#
的id(datetime1
)的DOM元素的值。我可以建议this mozilla JavaScript tutorial as a great place to start learning
答案 2 :(得分:0)
如果我理解了您的问题,那么您正试图在当天预先填充您的输入:
的javascript:
document.getElementById('datetime1').innerHTML = month + "/" + day + "/" + year;
jquery的:
$('#datetime1').val(month + "/" + day + "/" + year);
答案 3 :(得分:0)
在页面加载时使用文档就绪功能,然后设置值
$(document).ready(function () {
$('#datetime1').val(month + "/" + day + "/" + year);
});
希望这有帮助