在文本框中动态地显示当前时间，有木有人做过，指导下初学者_Java Web开发

在文本框中动态地显示当前时间，有木有人做过，指导下菜鸟？
想在两个文本框中，一个动态显示日期，一个动态显示时间。
如下图这样：

不过这是静态的。
虽然网上有动态的代码，但是javascript的。
<script>
document.getElementById('time').innerHTML=new Date().toLocaleString()+'星期'+'日一二三四五六'.charAt(new Date().getDay());
setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+'星期'+'日一二三四五六'.charAt(new Date().getDay());",100);
</script>
不知道怎么用文本框获得javascript中的效果，或者有其他的方法，请大神赐教！！！

------解决方案--------------------


<form name="form1">
<input type="text" name="date" id="date" />
<input type="text" name="time" id="time"/>
<script type="text/javascript">

			var now = new Date();
			
			var year = now.getFullYear() + "-";
			var month = (now.getMonth() + 1) ;
			var day = now.getDate();
			if(month < 10)
				{
					month = "0" + month;
				}
			var date =  year + month + "-" + day;
			document.form1.date.value = date;
</script>

</form>
<script type="text/javascript">
	setInterval("time()",1000);

</script>


function time()
		{
			var time = new Date().toLocaleString();
                        document.form1.time.value = time;
		}

------解决方案--------------------

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<script type="text/JavaScript">
function timer()
{  
  var today=new Date();
  var yy=today.getFullYear();
  var month=today.getMonth()+1;
  var  day=today.getDate();
  var hh=today.getHours();
  var mm=today.getMinutes(); 
  var ss=today.getSeconds();
  document.getElementById("txt1").value=yy+"-"+month+"-"+day;
    document.getElementById("txt2").value=hh+":"+mm+":"+ss;
}
var t=setInterval("timer()",1000)
</script>

<body>
<div >
date:
<input type="text" name="txt1" value="" id="txt1">
time:
<input type="text" name="txt2" value="" id="txt2">
</div>
</body>
</html>