表单Javascript上的自动时间输入

时间:2016-10-23 17:43:30

标签: javascript datetime

大家好我不熟悉编码,在创建一个具有当前日期/时间输入的表单时,我一直在寻找一种方法让表单的这个区域自动生成。

我在这里发现了这段javascript,它对日期输入非常有用

<script type="text/javascript">
 function SetDate()
 {
 var date = new Date();

 var day = date.getDate();
 var month = date.getMonth() + 1;
 var year = date.getFullYear();

 if (month < 10) month = "0" + month;
 if (day < 10) day = "0" + day;

 var today = year + "-" + month + "-" + day;


 document.getElementById('date').value = today;
 }
 </script>

 <body onload="SetDate();"> 

我已经坐了好几个小时试图重新编写这段代码来自动输入时间但没有太多运气,我不仅仅是在寻找某人为我输入它而且它可以正常工作,因为我真的想要学习如果有人可以指出我在哪里我错了这里是我试图根据其他人的代码工作数小时/分钟的代码

<script type="text/javascript">
function SetDate()
{
var date = new Date();

var hours = date.getHours();
var mins = date.getMinutes();


if (hours < 10) hours = "0" + hours;
if (mins < 10) mins = "0" + mins;

var time = hours + "-" + mins + "-" + day;


document.getElementById('date').value = time;
}
</script>

<body onload="SetDate();"> 

我还注意到,当我在页面上显示此代码时,工作自动日期停止正常工作

任何帮助都将得到全心全意的赏识

2 个答案:

答案 0 :(得分:0)

首先,HTML文档只能有一个<body>标记。其次,您的脚本都会获得一个#date id的元素。如果它们都写入相同的元素,则会覆盖另一个元素。第三,您没有在时间函数中定义day变量。

答案 1 :(得分:0)

解决问题的懒惰方式:

document.getElementById('date').value = Date().toString();

严重: 声明var day = date.getDate()

尝试在chrome或firefox中按F12打开开发人员工具,然后单击console选项卡查看错误。机器调试比人类更好