如何在表格的文本域内显示当前日期

大家好，我正在学习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>&nbsp;</p>
<p>&nbsp;</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>

解决方案 »

  1.   

    <!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=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function init(){
    var x=[];
    var a=new Date();
    var m=a.getDay();
    for(var i=m;i>=0;i--){
    var y=a.getTime()-86400000*(m-i);
    alert(y);
    x[i]=new Date(y);
    alert(x[i].getDate());
    }
    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();
    }
    }
    }
    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>
    </body>
    </html>
    类似于这样  没时间了   等高手来吧 哈
      

  2.   

    <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>
    这样试试
      

  3.   

    86400000是一天的毫秒数  getTime()是将时间转换成格林时间 +86400000就是时间向后推一天 -86400000就是向前推一天，会的 因为new Date()是获取当前的系统时间  貌似x[i].getMonth()改成
    (x[i].getMonth()+1)才对吧  要不月份显示的比现在少1  但其他的没问题
      

  4.   

    您好，请帮忙看一下我做的网站，为什么时间只是输出到第一行内，为什么其他的单元格内不显示时间呢，请多指教，谢谢。<!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);
     }
     for(i=m;i<=7;i++){
     var y=a.getTime()+86400000*(i-m+1);
     x[i]=new Date(y);
     }
     var b=document.getElementsByTagName("input");
     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++;
     if (hutia > 6) break;
     }
     }
     }
     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">&nbsp;</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">&nbsp;</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>&nbsp;</p>
     </body>
     </html>
      

  5.   


    <!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">&nbsp;</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">&nbsp;</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>&nbsp;</p>
     </body>
     </html>
      

  6.   

    谢谢您，您编辑的代码中缺少了 if (hutia > 6) break;
    hutia在这里相当于一个计数器，因为i=m,m=newday.getday(),getday介于0-6，所以用hutia的数值判断单元格的个数，可以这样理解吗？