如何在表格的文本域内显示当前日期
大家好，我正在学习JS和网页制作。向大家请教一下如何在表格的文本域内显示当前日期，第一个格内显示的是周一的日期，以此类推，最后一个格内显示的是周日的时间。网上查找了半天也没有找到，还有就是怎么样才能是文本域内的文字居中显示呀，系统自动是靠左显示，只能麻烦大家了，谢谢。DW代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>table</title>
<style type="text/css">
<!--
body {
background-color: #00FFFF;
}
-->
</style></head>
<body>
<p> </p>
<p> </p>
<form id="form1" name="form1" method="post" action="">
<table width="560" height="34" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="105" height="32"><input name="textfield" type="text" id="textfield" style="height:25px" value="4-23" size="15" /></td>
<td width="105"><input name="textfield2" type="text" id="textfield2" style="height:25px" value="4-24" size="15" /></td>
<td width="105"><input name="textfield3" type="text" id="textfield3" style="height:25px" value="4-25" size="15" /></td>
<td width="105"><input name="textfield4" type="text" id="textfield4" style="height:25px" value="4-26" size="15" /></td>
<td width="105"><input name="textfield5" type="text" id="textfield5" style="height:25px" value="4-27" size="15" /></td>
<td width="105"><input name="textfield6" type="text" id="textfield6" style="height:25px" value="4-28" size="15" /></td>
<td width="105"><input name="textfield7" type="text" id="textfield7" style="height:25px" value="4-29" size="15" /></td>
</tr>
</table>
</form>
</body>
</html>
[解决办法]
<script type="text/javascript">
function init(){
var x=[];
var a=new Date();
var m=a.getDay();
for(var i=m-1;i>=0;i--){
var y=a.getTime()-86400000*(m-1-i);
x[i]=new Date(y);
}
for(i=m;i<=7;i++){
var y=a.getTime()+86400000*(i-m+1);
x[i]=new Date(y);
}
var b=document.getElementsByTagName("input");
for(var i=0;i<b.length;i++){
if(b[i].type=="text"){
b[i].value=x[i].getFullYear()+"/"+x[i].getMonth()+"/"+x[i].getDate()+" "+(x[i].getDay()==0?"7":x[i].getDay());
}
}
}
window.onload=init;
</script>
</head>
<body>
<table>
<tr>
<td><input type="text" style="text-align:center"></td>
</tr>
<tr>
<td><input type="text" style="text-align:center"></td>
</tr>
<tr>
<td><input type="text" style="text-align:center"></td>
</tr>
<tr>
<td><input type="text" style="text-align:center"></td>
</tr>
<tr>
<td><input type="text" style="text-align:center"></td>
</tr>
<tr>
<td><input type="text" style="text-align:center"></td>
</tr>
<tr>
<td><input type="text" style="text-align:center"></td>
</tr>
</table>
这样试试
[解决办法]
86400000是一天的毫秒数 getTime()是将时间转换成格林时间 +86400000就是时间向后推一天 -86400000就是向前推一天，会的 因为new Date()是获取当前的系统时间 貌似x[i].getMonth()改成
(x[i].getMonth()+1)才对吧 要不月份显示的比现在少1 但其他的没问题
[解决办法]
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>timesheet</title> <style type="text/css"> <!-- .STYLE5 { font-size: 16px; font-weight: bold; } #Layer1 { position:absolute; width:997px; height:115px; z-index:1; left: 143px; top: 39px; visibility: visible; } #Layer2 { position:absolute; width:200px; height:115px; z-index:2; left: 984px; top: 86px; } body { background-color: #00CCFF; } #Layer3 { position:absolute; left:1019px; top:107px; width:90px; height:54px; z-index:2; } --> </style> <link href="../CSS/Level1_Arial.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .STYLE6 {font-size: 16px; font-weight: bold; font-family: "宋体"; } .STYLE7 {font-family: "宋体"} .STYLE10 {font-size: 14px} --> </style> <script type="text/javascript"> function init(){ var x=[]; var a=new Date(); var m=a.getDay(); for(var i=m-1;i>=0;i--){ var y=a.getTime()-86400000*(m-1-i); x[i]=new Date(y); } var b=document.getElementsByTagName("input"); for(i=m;i<=b.length;i++){ var y=a.getTime()+86400000*(i-m+1); x[i]=new Date(y); } var hutia = 0; for(var i=0;i<b.length;i++){ if(b[i].type=="text"){ b[i].value=(x[hutia].getMonth()+1)+"-"+x[hutia].getDate(); hutia++; } } } window.onload=init; </script> </head> <body> <table width="40" height="40" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="../logo.gif" width="50" height="50" /></td> </tr> </table> <table width="50" height="90" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td><div align="center" class="STYLE5"><a href="../project/project-0426.html">项目</a></div></td> </tr> <tr> <td><div align="center" class="STYLE5"><a href="../report/reportsummary.html" target="_blank">总表</a></div></td> </tr> <tr> <td width="50"><div align="center" class="STYLE5"><a href="/" onclick="javascript:window.close(); return false;"><u>退出</u></a></div> <div id="Layer1"> <form id="form1" name="form1" method="post" action=""> <table width="729" height="35" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="438"> <div align="right"> <input type="submit" style="width:55px; height:28px" name="submit1" id="button1" value="保存" /> </div></td> <td width="330"> <div align="center"> <input type="reset" style="width:55px; height:28px" name="reset1" id="button2" value="清除" /> </div></td> </tr> </table> <table width="839" height="119" border="0" cellpadding="0" cellspacing="0" id="1"> <tr> <td width="850"><table width="837" height="114" border="1" cellpadding="1" cellspacing="1" id="3"> <tr> <td width="175" height="23"> </td> <td width="82" bgcolor="#00CCFF"><label for="textfield"></label> <input name="textfield7" type="text" id="textfield" size="10" /></td> <td width="82" bgcolor="#00CCFF"><input name="textfield72" type="text" id="textfield72" size="10" /></td> <td width="82" bgcolor="#00CCFF"><input name="textfield73" type="text" id="textfield73" size="10" /></td> <td width="82" bgcolor="#00CCFF"><input name="textfield74" type="text" id="textfield74" size="10" /></td> <td width="82" bgcolor="#00CCFF"><input name="textfield75" type="text" id="textfield75" size="10" /></td> <td width="82" bgcolor="#00CCFF"><input name="textfield76" type="text" id="textfield76" size="10" /></td> <td width="82" bgcolor="#00CCFF"><input name="textfield77" type="text" id="textfield77" size="10" /></td> <td width="53" bgcolor="#00CCFF"><div align="center" class="STYLE5">总计</div></td> </tr> <tr> <td height="20"><input name="textfield" type="text" value="HeNan CUTC P8.3-A020080" size="25" /></td> <td bgcolor="#FFFFFF"><input name="textfield5" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield58" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield6" type="text" size="10" /></td> <td bgcolor="#FFFFFF"><input name="textfield582" type="text" size="10" /></td> <td bgcolor="#FFFFFF"><input name="textfield583" type="text" size="10" /></td> <td bgcolor="#FFFFFF"><input name="textfield584" type="text" size="10" /></td> <td bgcolor="#FFFFFF"><input name="textfield585" type="text" size="10" /></td> <td bgcolor="#FFFFFF"><input name="textfield586" type="text" size="6" /></td> </tr> <tr> <td height="20"><input name="textfield2" type="text" value="HeBei CMCC P12.1-B030010" size="25" /></td> <td bgcolor="#FFFFFF"><input name="textfield598" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield592" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield593" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield594" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield595" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield596" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield597" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield5862" type="text" size="6" /></td> </tr> <tr> <td height="20"> </td> <td bgcolor="#FFFFFF"><input name="textfield59" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield592" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield593" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield594" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield595" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield596" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield597" type="text" size="10" align="center" /></td> <td bgcolor="#FFFFFF"><input name="textfield5864" type="text" size="6" /></td> </tr> </table></td> </tr> </table> <br /> </form> </div></td> </tr> </table> <p> </p> </body> </html>