87,919
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv = "Content-type" content = "text/html; charset = gb2312">
<title>date selector</title>
<style type = "text/css" charset = "gb2312">
<!--
.change
{
background-color: red;
}
table
{
width: 183px;
height: 10px;
}
table tr
{
height: 10px;
font-size: 13px;
color: blue;
text-align: center;
}
.arrowSize
{
font-size: 7px;
}
.dateSize
{
font-size: 12px;
}
-->
</style>
</head>
<body>
<script>
<!--
var year = 2011;
var month = 12;
var date = 1;
var lastDay = new Date(year, month, 0);
lastDay = lastDay.getDate();
var firstDay = new Date(year, month-1, 1);
firstDay = firstDay.getDay();
var print = "";
var count = 0;
var weekNum = ['日', '一', '二', '三', '四', '五', '六' ];
print += "<table>";
print += "<tr>";
print += "<td><<</td>";
print += "<td><</td>";
print += "<td>2011年12月31日</td>";
print += "<td>></td>";
print += "<td>>></td>";
print += "</tr>";
print += "</table>";
print += "<table>";
print += "<tr height = \"20\">";
for( var iWeek = 0; iWeek < 7; iWeek++ )
{
print += "<td>"+weekNum[iWeek]+"</td>";
}
print += "</tr>";
for( var iRow = 0; iRow < 6; iRow++ )
{
print += "<tr>";
for( var iCol = 0; iCol < 7; iCol++ )
{
var value = count++;
if( count < 32 )
{
print += "<td onmouseover=this.className='change' onmouseout=this.className='' onclick = \"writeValue( "+this.count+" );\" />"+(value+1);
print += "</td>";
// print += "<td onmouseover=this.className='change' onmouseout=this.className='' onclick = \"alert("+count+");\">"+count; // alert("+count+");
}
}
print += "</tr>";
}
print += "</table>";
print += "<table><td><input style = \"text\" id = \"getInput\" value = "+this.date+"></td></table>";
document.write( print );
function writeValue( countTrans )
{
document.getElementById("getInput").value = countTrans;
}
-->
</script>
</body>
</html>