欢迎光临
我们一直在努力

一个关于日期选择的很实用的小东西-ASP教程,ASP应用

建站超值云服务器,限时71元/月

以前做页面时经常需要制作日期选择框,例如出生日期、查询日期等等,通常的做法是制作三个下拉列表(select),分别用于选择年、月、日,但该方法在各方面的表现都很令人不耐烦,于是我做了这个日期选择页面,它不是组件,也不是函数,只是一个普通的asp页面,用于返回用户选择的日期变量。

************************************************************************

<%

day.asp

%>

<html>

<head>

<title>选择日期                </title>

<style type=text/css>

<!–

body{margin:0;font-size:9pt;color:#5e639b}

td{font-size:9pt;color:#000000}

a:link {color:#000000;text-decoration: none}

a:visited {color:#000000;text-decoration: none}

a:active {color:#000000;text-decoration: none}

a:hover { color:#ff3333;text-decoration: none}

–>

</style>

<script language="javascript">

function getday(v){

window.opener.document.<%=request.querystring("form")%>.<%=request.querystring("field")%>.value=v;

window.close();

return false;

}

</script>

</head>

<body bgcolor=#ffffff onblur="window.focus()">

<%

olddate=request("olddate")

if not isdate(olddate) then olddate=date

yy=year(cdate(olddate))

mm=month(cdate(olddate))

if request("yy")<>"" then yy=request("yy")

if request("mm")<>"" then mm=request("mm")

if yy="" then yy=year(date)

if mm="" then mm=month(date)

if mm>12 then mm=1:yy=yy+1

if mm<1 then mm=12:yy=yy-1

dim m(12)

m(1)=31

m(3)=31

m(5)=31

m(7)=31

m(8)=31

m(10)=31

m(12)=31

m(2)=28

m(4)=30

m(6)=30

m(9)=30

m(11)=30

if (yy mod 4=0 and yy mod 100<>0) or yy mod 400=0 then m(2)=29

mms=m(mm)

week1=(weekday(cdate(yy & "-" & mm & "-1"))-1)

%>

<table width=250 cellspacing=1 cellpadding=0 bgcolor=#ffdfdf align=center>

<tr>

<td colspan=7 align=center>

<table width=100% height=20 cellspacing=0 cellpadding=0>

<tr height=20>

<td width=30 align=center>

<a href=day.asp?form=<%=request("form")%>&field=<%=request("field")%>&yy=<%=(yy-1)%>&mm=<%=mm%>>

<font face=webdings style=color:#000000 title="上一年">7</font>

</a>

<td width=30 align=center>

<a href=day.asp?form=<%=request("form")%>&field=<%=request("field")%>&mm=<%=(mm-1)%>&yy=<%=yy%>>

<font face=webdings style=color:#000000 title="上一月">3</font>

</a>

<td width=130 align=center style="font:9pt verdana,geneva,sans-serif;color:#cd0101">

<b><%=yy%> 年 &nbsp; <%=mm%> 月</b>

<td width=30 align=center>

<a href=day.asp?form=<%=request("form")%>&field=<%=request("field")%>&mm=<%=(mm+1)%>&yy=<%=yy%>>

<font face=webdings style=color:#000000 title="下一月">4</font>

</a>

<td width=30 align=center>

<a href=day.asp?form=<%=request("form")%>&field=<%=request("field")%>&yy=<%=(yy+1)%>&mm=<%=mm%>>

<font face=webdings style=color:#000000 title="下一年">8</font>

</a>

</table>

<tr bgcolor=#ffffff height=20>

<td width=35 align=center bgcolor=#fff4f4 style=color:#ff6633>日

<td width=35 align=center bgcolor=#fff4f4>一

<td width=35 align=center bgcolor=#fff4f4>二

<td width=35 align=center bgcolor=#fff4f4>三

<td width=35 align=center bgcolor=#fff4f4>四

<td width=35 align=center bgcolor=#fff4f4>五

<td width=35 align=center bgcolor=#fff4f4>六

<%

if week1<>0 then

response.write "<tr>"

for i=1 to week1

response.write "<td width=35 height=20 bgcolor=#ffffff>&nbsp;"

next

end if

for i=1 to mms

if (i+week1-1) mod 7=0 then response.write "<tr>"

response.write "<td width=35 height=20 align=center bgcolor=#ffffff>"

if cdate(yy & "-" & mm & "-" & i)=date() then

%>

<input type=button value=<%=i%>

style="border:#cd0101 1px groove;width:30;height:16;font-size:9pt;background-color:#ffd9d9;color:#cd0101"

onclick="javascript:getday(<%=yy%>-<%=mm%>-<%=i%>);" title="<%=yy%>年<%=mm%>月<%=i%>日(今天)">

<%

else

%>

<input type=button value=<%=i%>

style="border:#000000 1px groove;width:30;height:16;font-size:9pt;background-color:#ffffff;color:#000000"

onclick="javascript:getday(<%=yy%>-<%=mm%>-<%=i%>);" title="<%=yy%>年<%=mm%>月<%=i%>日">

<%

end if

next

if (mms+week1) mod 7<>0 then

for i=1 to (7-((mms+week1) mod 7))

response.write "<td width=35 height=20 bgcolor=#ffffff>&nbsp;"

next

end if

%>

</table><br>

<div align=center><a href="javascript:window.close()">〖关闭本窗口〗</a></div>

</body>

</html>

************************************************************************

调用day.asp页面的代码:

<form name=form1>

<input name=date1 value=<%=date()%> readonly onclick="javascript:window.open(day.asp?form=form1&field=date1&olddate=+this.value,,directorys=no,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,width=250,height=200,top=220,left=250);"

</form>

************************************************************************

其中,打开day.asp页面时,需要传递几个参数,分别是:

1)form:日期选择框所在的表单名称,本例为form1,可根据应用自行更改

2)field:日期选择框的名称,本例为date1,可根据应用自行更改

3)olddate:日期选择框的当前值,不需改动。

我叫“积木”,欢迎和我成为朋友!

my5243@hotmail.com

http://www.ecolor99.com/jim

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 一个关于日期选择的很实用的小东西-ASP教程,ASP应用
分享到: 更多 (0)

相关推荐

  • 暂无文章