一个web日期选择代码 ( 积分: 0 )

wzquan · 2007-10-10

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm2.aspx.vb" Inherits="Web6.WebForm2"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>WebForm2</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<style>
.tr { CURSOR: hand }
</style>
<script language="javascript">
var curYear=new Date().getYear();
var curMonth=new Date().getMonth()+1;
//var curYear="<% Year(now) %>"
//var curMonth="<% Month(now) %>"
function fStart()
{
ViewDateDiv.style.display="block";
ViewDateGrid()
}
function MonthMinus() //月数减一
{
if (curMonth<=1)
{
curYear-=1;
curMonth=12;
}
else
{
curMonth-=1;
}
ViewDateGrid();
}
function MonthAdd() //月数加一
{
if (curMonth>=12)
{
curYear+=1;
curMonth=1;
}
else
{
curMonth+=1;
}
ViewDateGrid();
}
//下面的代码在表格中写入数据
function ViewDateGrid()
{
//var val=curYear+"-"+curMonth+"-1";
var val=curYear+"/"+curMonth+"/1";
//var myArray=new Array()
//myArray=val.split("-&quot

;
//var myNewDate=new Date(myArray[0],myArray[1],myArray[2]);
var myNewDate=new Date(val);
var myWeek=myNewDate.getDay();
var myDays=getDays(curYear,curMonth);
var i,iRow,iCol,j;
iRow=2;
iCol=myWeek;
//var myRowIndex=event.parentElement.rowIndex;
window.ViewDatetable_1.rows[0].cells(1).innerHTML=curYear+"年"+curMonth+"月";
//下面的代码清除表格中的数据
for(i=2;i<=7;i++)
{
for (j=0;j<=6;j++)
{
window.ViewDatetable_1.rows.cells(j).innerHTML="";
}
}
for(i=1;i<=myDays;i++)
{
window.ViewDatetable_1.rows[iRow].cells(iCol).innerHTML=i;
//window.ViewDatetable_1.row[iRow].cells(iCol).style.fontcolor="blue";
if((iCol+1) % 7==0)
{
iRow+=1;
iCol=0;
}
else
{
iCol+=1;
}
}

}
function getDays(myYear,myMonth)
{
var mytDays;
switch(myMonth)
{
case 1: mytDays=31; break;
case 3: mytDays=31; break;
case 5: mytDays=31; break;
case 7: mytDays=31; break;
case 8: mytDays=31; break;
case 10: mytDays=31; break;
case 12: mytDays=31; break;

case 4: mytDays=30; break;
case 6: mytDays=30; break;
case 9: mytDays=30; break;
case 11: mytDays=30; break;
case 2:
if (isLeapYear(myYear))
{
mytDays=29;
}
else
{
mytDays=28;
}
}
return(mytDays);
}
function isLeapYear(year)
{
return ((year %4==0 && year %100!=0) || (year %400==0));
}

// var myleft=document.getElementById("table1&quot.offsetLeft;
//var mytop=document.getElementById("table1&quot.offsetTop;
function clicktable()
{
var myRowIndex=event.srcElement.parentElement.rowIndex;
if (myRowIndex>=2)
{
var myColIndex=event.srcElement.cellIndex;
var mySelStr=window.ViewDatetable_1.rows[myRowIndex].cells(myColIndex).innerHTML;
//alert(myColIndex+"=="+myRowIndex+"=="+mySelStr+"=="+curYear+"--"+curMonth);
if(mySelStr.length>0)
{
document.getElementById("TextBox1&quot.innerText=curYear+"-"+curMonth+"-"+mySelStr;
//div1.innerHTML=window.ViewDatetable_1.rows[myRowIndex].cells(myColIndex).innerHTML;
//document.getElementById("TextBox1&quot.innerHTML=curYear+"-"+curMonth+"-"+mySelStr;
//alert(curYear+"-"+curMonth+"-"+mySelStr);
document.getElementById("ViewDateDiv&quot.style.display="none";
//ViewDateDiv.style.display="none";
}
}
}
function myMouseOver()
{

}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout" onload="ViewDateGrid()">
<form id="Form1" method="post" runat="server" target="main">
<FONT face="宋体">
<asp:TextBox id="TextBox1" style="Z-INDEX: 102; LEFT: 48px; POSITION: absolute; TOP: 8px" runat="server"
Height="22px" Width="155px"></asp:TextBox>
<asp:Button id="Button1" style="Z-INDEX: 103; LEFT: 200px; POSITION: absolute; TOP: 8px" runat="server"
Height="21px" Width="22px" Text="▼"></asp:Button>
<asp:Label id="Label1" style="Z-INDEX: 104; LEFT: 16px; POSITION: absolute; TOP: 16px" runat="server"
Height="21px" Width="32px" Font-Size="10pt" Font-Names="宋体" BackColor="Transparent">日期</asp:Label>
<div id="ViewDateDiv" style="BORDER-RIGHT:#008080 double; BORDER-TOP:#008080 double; DISPLAY:block; Z-INDEX:101; LEFT:8px; BORDER-LEFT:#008080 double; WIDTH:152px; BORDER-BOTTOM:#008080 double; POSITION:absolute; TOP:32px; BACKGROUND-COLOR:#eeece8">
<table border="1" width="10%" id="ViewDatetable_1" style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体; BORDER-COLLAPSE: collapse"
onclick="clicktable()" onmouseover="myMouseOver()">
<tr>
<td align="center" style="WIDTH: 24px">
<div id="DivMinus" style="WIDTH:24px;CURSOR:hand;HEIGHT:12px" onclick="MonthMinus()">&lt;&lt;</div>
</td>
<td colspan="5" align="center">
</td>
<td>
<div id="DivAdd" style="WIDTH:16px;CURSOR:hand;HEIGHT:12px" onclick="MonthAdd()">&gt;&gt;</div>
</td>
</tr>
<tr>
<td nowrap align="center" style="WIDTH: 36px">星期<br>
日</td>
<td nowrap align="center">星期<br>
一</td>
<td nowrap align="center">星期<br>
二</td>
<td nowrap align="center">星期<br>
三</td>
<td nowrap align="center">星期<br>
四</td>
<td nowrap align="center">星期<br>
五</td>
<td nowrap align="center">星期<br>
六</td>
</tr>
<tr class="tr">
<td nowrap align="center" style="WIDTH: 36px">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
</tr>
<tr class="tr">
<td nowrap align="center" style="WIDTH: 36px">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
</tr>
<tr class="tr">
<td nowrap align="center" style="WIDTH: 36px">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
</tr>
<tr class="tr">
<td nowrap align="center" style="WIDTH: 36px">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
</tr>
<tr class="tr">
<td nowrap align="center" style="WIDTH: 36px">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
</tr>
<tr>
<td nowrap align="center" style="WIDTH: 36px">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
<td nowrap align="center">
</td>
</tr>
</table>
</div>
<asp:Button id="Button2" style="Z-INDEX: 105; LEFT: 56px; POSITION: absolute; TOP: 208px" runat="server"
Width="104px" Text="Button"></asp:Button>
</FONT>
</form>
</body>
</HTML>

一个web日期选择代码 ( 积分: 0 )

wzquan

Unregistered / Unconfirmed

Similar threads