将pc的时间传递给html表单

时间:2014-05-30 19:13:32

标签: javascript html

我试图通过javascript获取pc的时间并将其传递给html表单。这是我的代码:

这是我的javascript:

<script>
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; 
var yyyy = today.getFullYear();
today = today.getHours() + ":" + today.getMinutes()+":" + today.getSeconds();
document.getElementById('date').value = today;
</script>

这是我的html表单:

<form method="POST" action="next_apply.php">                                                                        
  <input id="date" name="date">                                                                                                                                                                 
</form>

当我在jsfiddle运行上面的代码似乎工作。当我运行它我的电脑(使用XAMP)它无法正常工作。知道问题可能在这里吗? 这是我的jsfiddle:http://jsfiddle.net/deLkZ/1/

2 个答案:

答案 0 :(得分:1)

除非您的脚本位于页面底部,否则当脚本运行时输入仍然不存在。

因此,要么将javascript块移动到结束</body>标记之前,要么将其放入文档准备就绪:

window.onload = function () {
   var today = new Date();
   var dd = today.getDate();
   var mm = today.getMonth()+1; 
   var yyyy = today.getFullYear();
   today = today.getHours() + ":" + today.getMinutes()+":" + today.getSeconds();
   document.getElementById('date').value = today;
}

答案 1 :(得分:0)

你的脚本是倒退的:

    <form method="POST" action="next_apply.php">                                                                        
      <input id="date" name="date">                                                                                                                                                                 
    </form>
           <script>
                var today = new Date();
                var dd = today.getDate();
                var mm = today.getMonth() + 1;
                var yyyy = today.getFullYear();
                today = mm +"/" + dd + "/" + yyyy + " " + today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
                document.getElementById('date').value = today;
</script>

另外,您忘了将日期添加到&#34;今天&#34;串。这解决了它。