怎么在表格的文本域内显示当前日期
日期：2014-05-16 浏览次数：20388 次
如何在表格的文本域内显示当前日期
大家好，我正在学习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&g
大家好，我正在学习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&g
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
