豆腐制作 都是精品
http://www.asp888.net 豆腐技术站
我们经常需要的一些Web项目中用到日历,这样的脚本写起来又麻烦,功能又不够强大,现在豆腐给大家
提供一个功能强大的日历程序,这段脚本使用完全的客户端的js脚本制作,运行速度快。
下面大家就来看看,还有什么需要改进的地方,先看看效果再说吧!日历演示
<HTML>
<HEAD>
<TITLE>豆腐日历</TITLE>
<!-- 请不要删除这段版权信息 -->
<!--
豆腐制作 都是精品
http://www.asp888.net 豆腐技术站
-->
<STYLE TYPE="text/css">
.normal{BACKGROUND: #ffffff}
.today {font-weight:bold;BACKGROUND: #6699cc}
.satday{color:green}
.sunday{color:red}
.days {font-weight:bold}
</STYLE>
<script LANGUAGE="Javascript">
//中文月份,如果想显示英文月份,修改下面的注释
/*var months = new Array("January?, "February?, "March",
"April", "May", "June", "July", "August", "September",
"October", "November", "December");*/
var months = new Array("一月", "二月", "三月",
"四月", "五月", "六月", "七月", "八月", "九月",
"十月", "十一月", "十二月");
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,
30, 31, 30, 31);
//中文周 如果想显示 英文的,修改下面的注释
/*var days = new Array("Sunday", "Monday", "Tuesday",
"Wednesday", "Thursday", "Friday", "Saturday");*/
var days = new Array("日","一", "二", "三",
"四", "五", "六");
function getDays(month, year) {
//下面的这段代码是判断当前是否是闰年的
if (1 == month)
return ((0 == year % 4) && (0 != (year % 100))) ||
(0 == year % 400) ? 29 : 28;
else
return daysInMonth[month];
}
function getToday() {
//得到今天的年,月,日
this.now = new Date();
this.year = this.now.getFullYear();
this.month = this.now.getMonth();
this.day = this.now.getDate();
}
today = new getToday();
function newCalendar() {
today = new getToday();
var parseYear = parseInt(document.all.year
[document.all.year.selectedIndex].text);
var newCal = new Date(parseYear,
document.all.month.selectedIndex, 1);
var day = -1;
var startDay = newCal.getDay();
var daily = 0;
if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
day = today.day;
var tableCal = document.all.calendar.tBodies.dayList;
var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());
for (var intWeek = 0; intWeek < tableCal.rows.length;intWeek++)
for (var intDay = 0;intDay < tableCal.rows[intWeek].cells.length;intDay++)
{
var cell = tableCal.rows[intWeek].cells[intDay];
if ((intDay == startDay) && (0 == daily))
daily = 1;
if(day==daily)
//今天,调用今天的Class
cell.className = "today";
else if(intDay==6)
//周六
cell.className = "sunday";
else if (intDay==0)
//周日
cell.className ="satday";
else
//平常
cell.className="normal";
if ((daily > 0) && (daily <= intDaysInMonth))
{
cell.innerText = daily;
daily++;
}
else
cell.innerText = "";
}
}
function getDate() {
var sDate;
//这段代码处理鼠标点击的情况
if ("TD" == event.srcElement.tagName)
if ("" != event.srcElement.innerText)
{
sDate = document.all.year.value + "年" + document.all.month.value + "月" + event.srcElement.innerText + "日";
alert(sDate);
}
}
</script>
</HEAD>
<BODY ONLOAD="newCalendar()" OnUnload="window.returnValue = document.all.ret.value;">
豆腐制作,都是精品
<br>
<a href="http://www.asp888.net" targer=_blank>豆腐技术站</a>为大家提供最新最好的技术
<input type="hidden" name="ret">
<TABLE ID="calendar" cellspacing="0" cellpadding="0">
<THEAD>
<TR>
<TD COLSPAN=7 ALIGN=CENTER>
<SELECT ID="month" ONCHANGE="newCalendar()">
<script LANGUAGE="Javascript"><br>for (var intLoop = 0; intLoop < months.length;<br>intLoop++)<br>document.write("<OPTION VALUE= " + (intLoop + 1) + " " +<br>(today.month == intLoop ?<br>"Selected" : "") + ">" +<br>months[intLoop]);<br></script><br></SELECT></P>
<P><SELECT ID="year" ONCHANGE="newCalendar()"><br><script LANGUAGE="Javascript"><br>for (var intLoop = today.year-50; intLoop < (today.year + 4);<br>intLoop++)<br>document.write("<OPTION VALUE= " + intLoop + " " +<br>(today.year == intLoop ?<br>"Selected" : "") + ">" +<br>intLoop);<br></script><br></SELECT><br></TD><br></TR><br><TR CLASS="days"><br><script LANGUAGE="Javascript"></P>
<P>document.write("<TD class=satday>" + days[0] + "</TD>");<br>for (var intLoop = 1; intLoop < days.length-1;<br>intLoop++) <br>document.write("<TD>" + days[intLoop] + "</TD>");<br>document.write("<TD class=sunday>" + days[intLoop] + "</TD>");<br></script><br></TR><br></THEAD><br><TBODY border=1 cellspacing="0" cellpadding="0" ID="dayList"ALIGN=CENTER ONCLICK="getDate()"><br><script LANGUAGE="Javascript"><br>for (var intWeeks = 0; intWeeks < 6; intWeeks++) {<br>document.write("<TR style='cursor:hand'>");<br>for (var intDays = 0; intDays < days.length;<br>intDays++)<br>document.write("<TD></TD>");<br>document.write("</TR>");<br>}<br></script><br></TBODY><br></TABLE><br><center><Input Style="width:50pt" type=button value="Cancel" OnClick="Cancel();"></center><br></BODY><br></HTML></P>
<P><script Language="Javascript1.2"></P>
<P>function Cancel() {<br>document.all.ret.value = "";<br>window.close();<br>}</P>
<P></script><br></span></P></font></div>
<div></div>
</div><div id="Message" class="Message"></div></font></div>
<br>
<a href="javascript:window.open('http://shuqian.qq.com/post?from=3&title='+encodeURIComponent(document.title)+'&uri='+encodeURIComponent(document.location.href)+'&jumpback=2&noui=1','favit','width=930,height=470,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)" style="text-decoration:none;color:#155da5;display:block;background:url('http://shuqian.qq.com/img/add.gif') no-repeat 0px 0px;height:23px;width:300px;padding:2px 2px 0px 20px;font-size:14px;">将本文收藏到QQ书签与更多好友分享</a>
<div></div>
</td>
<table width="575" border="0" cellpadding="0" cellspacing="0">
<tr>
</tr>
<tr>
<td align="right" height=25 bgcolor=#F7F7F7 >
<script language=javascript src=/wz/sg.JS></script>
[<a href=javascript:window.print()>打 印</a>]
</tr>
</table>
<table width="575" border="0" cellpadding="0" cellspacing="0">
<tr>
</tr>
<tr>
<td align="right" height=25 bgcolor=#F7F7F7 style="display:block;padding:0px 10px">
<font color=#000000>[<script language=JavaScript src="/Article/Hits.Asp?ArticleID=863"></script>]</font>
[<a href="javascript:history.go(-1)">返回上一页</a>]
[<a href="/user/favorite.asp?action=add&topic=一个非常精彩的日历程序">收 藏</a>]</td>
</tr>
<tr>
<table width="575" border="0" cellpadding="0" cellspacing="0">
<tr>
</tr>
<tr>
<td style="display:block;padding:0px 10px"><div><font color=#000000>上一篇文章:</font><a href=/Article/10/133/2005/20050718862.html>利用static实现表格的颜色隔行显示</a></div><div><font color=#000000>下一篇文章:</font><font color=#000000><a href=/Article/10/133/2005/20050718864.html>在Linux下安装PHP,APACHE,ORACLE,PERL的方法</a></font></div></td>
</tr>
</table>
<table width="575" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="titlebg1">∷相关文章评论∷ (评论内容只代表网友观点,与本站立场无关!) [<a href=/Article/comment.asp?ArticleID=863 target=_blank>更多评论</a>...]</td>
</tr>
<tr valign="top">
<td></td>
</tr>
</table>
</td>
<td width="188" class="tableleft"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="titleback1">精彩推荐</td>
</tr>
<tr>
<td height="260" valign="center" class="showbody1"><script language=javascript src=/ad/180601.js></script></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="titleback1">热门文章</td>
</tr>
<tr>
<td height="100" valign="top" class="showbody1"><table width="100%" border="0" cellpadding="2" cellspacing="0"><tr>
<td class="showlist11">· <a href='/Article/10/138/2005/200507256912.html' class="showlist" title="注册码大全二">注册码大全二</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/138/2005/200507256914.html' class="showlist" title="注册码大全四">注册码大全四</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/10/138/2005/200507256911.html' class="showlist" title="注册码大全一">注册码大全一</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/196/197/2005/2005081911736.html' class="showlist" title="要10G免费网络硬盘的请进来!">要10G免费网络硬盘的请进..</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/206/2007/2007030319347.html' class="showlist" title="通过google 赶快来赚美金">通过google 赶快来赚美金..</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/138/2005/200507256919.html' class="showlist" title="注册码大全十">注册码大全十</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/14/253/2005/2005092114218.html' class="showlist" title="头像-qq头像(qq新头像)4">头像-qq头像(qq新头像)4..</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/138/2005/200507256913.html' class="showlist" title="注册码大全三">注册码大全三</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/13/150/2006/2006022316028.html' class="showlist" title="让你轻松架设FTP服务器1">让你轻松架设FTP服务器1..</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/14/244/2005/2005092014121.html' class="showlist" title="梦幻背景图片7">梦幻背景图片7</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/14/249/2005/2005092114181.html' class="showlist" title="卡通动物图片6">卡通动物图片6</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/14/244/2005/2005092014153.html' class="showlist" title="风景图片8">风景图片8</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/14/269/2005/2005092114241.html' class="showlist" title="网页制作素材-按钮素材2">网页制作素材-按钮素材2..</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/138/2005/200507256918.html' class="showlist" title="注册码大全九">注册码大全九</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/13/150/2006/2006022316032.html' class="showlist" title="让你轻松架设FTP服务器5">让你轻松架设FTP服务器5..</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/196/197/2005/2005081911729.html' class="showlist" title="50MB免费空间 FTP PHP Mysql Cpanel CGI Asp ASP.net">50MB免费空间 FTP PHP M..</a></td>
<td class="showlist12"></td>
</tr></table></td>
</tr>
<tr>
<td height="2" bgcolor="#FFFFFF"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="titleback1">关注此文读者还看过</td>
</tr>
<tr>
<td height="100" valign="top" class="showbody1"><table width="100%" border="0" cellpadding="2" cellspacing="0"><tr>
<td class="showlist11">· <a href='/Article/10/131/2005/200507204925.html' target="_blank" class="showlist" title="ASP+学习笔记(一)">ASP+学习笔记(一)</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/11/143/2005/200507193830.html' target="_blank" class="showlist" title="摄影后期系列六:用PS雕琢岁月的皱纹">摄影后期系列六:用PS雕琢..</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/11/141/2005/200507194173.html' target="_blank" class="showlist" title="FW MX 2004教程:图像输出(3)">FW MX 2004教程:图像输出..</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/137/2005/2005091913914.html' target="_blank" class="showlist" title="无数据库日志文件恢复数据库方法两则">无数据库日志文件恢复数..</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/223/291/2007/2007020819128.html' target="_blank" class="showlist" title="杭州作协自降身价“招安” 网络写手嗤之以鼻">杭州作协自降身价“招安..</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/11/143/2005/200507193815.html' target="_blank" class="showlist" title="摄影后期系列一:1分钟为数码相片去红眼">摄影后期系列一:1分钟为..</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/10/137/2007/2007010518615.html' target="_blank" class="showlist" title="SQLServer连接失败错误的解决">SQLServer连接失败错误的..</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/131/2005/200507181024.html' target="_blank" class="showlist" title="细细品味ASP.NET(三)">细细品味ASP.NET(三)</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/10/132/2005/2005101614592.html' target="_blank" class="showlist" title="jsp中javaBean的运用">jsp中javaBean的运用</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/130/2005/200507288392.html' target="_blank" class="showlist" title="用模板建立动态ASP页">用模板建立动态ASP页</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/10/130/2005/20050718418.html' target="_blank" class="showlist" title="IIS提供的服务">IIS提供的服务</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/130/2005/200507288458.html' target="_blank" class="showlist" title="用TDC建立自己的数据库格式">用TDC建立自己的数据库格..</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/223/291/2006/2006022816061.html' target="_blank" class="showlist" title="网易CEO丁磊:誓全力将把反垃圾邮件进行到底">网易CEO丁磊:誓全力将把..</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/135/2007/2007062220534.html' target="_blank" class="showlist" title="不用表格构建页面布局?用CSS布局网页">不用表格构建页面布局?..</a></td>
<td class="showlist12"></td>
</tr><tr>
<td class="showlist11">· <a href='/Article/11/140/2005/2005081010579.html' target="_blank" class="showlist" title="Shape外型渐变">Shape外型渐变</a></td>
<td class="showlist11"></td>
</tr><tr>
<td class="showlist12">· <a href='/Article/10/135/2005/200507181215.html' target="_blank" class="showlist" title="关于网页源代码屏蔽(1)">关于网页源代码屏蔽(1)</a></td>
<td class="showlist12"></td>
</tr></table></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="titleback1">相关文章</td>
</tr>
<tr>
<td height="100" valign="top" class="showbody1">· <a href="/Article/10/133/2007/2007062820607.html" title='PHP实例:一个非常全面获取图象信息的PHP函数'>PHP实例:一个非常全面获取..</a><br>
· <a href="/Article/10/130/2007/2007041319776.html" title='一个非常简洁的ASP验证码程序实例'>一个非常简洁的ASP验证码程..</a><br>
· <a href="/Article/10/130/2005/2005091713446.html" title='一个非常简单的将半角转换为中文“的函数'>一个非常简单的将半角转换为..</a><br>
· <a href="/Article/10/130/2005/2005091512373.html" title='一个非常好用的发送邮件的组件'>一个非常好用的发送邮件的组..</a><br>
· <a href="/Article/10/130/2005/200507277899.html" title='一个非常简单的将半角"转换为中文“的函数'>一个非常简单的将半角"转换..</a><br>
· <a href="/Article/10/130/2005/200507277545.html" title='一个非常简单的将半角"转换为中文“的函数'>一个非常简单的将半角"转换..</a><br>
· <a href="/Article/10/130/2005/200507257198.html" title='一个非常简洁的验证码程序'>一个非常简洁的验证码程序</a><br>
· <a href="/Article/10/130/2005/200507257053.html" title='一个非常简单的将半角转换为中文的函数'>一个非常简单的将半角转换为..</a><br>
· <a href="/Article/10/130/2005/20050718579.html" title='一个非常简单的将半角"转换为中文“的函数'>一个非常简单的将半角"转换..</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td height="3"></td>
</tr>
</table>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td height="23" align="right">
<table width="100%" border="0" cellspacing="0" class="tablebody8" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
<tr>
<td height="23" align="right" valign="middle"><center><a href="/support/about.asp" class="navmenu2">关于本站</a> -
<a href="/support/help.asp" class="navmenu2">网站帮助</a> -
<a href="/support/advertise.asp" class="navmenu2">广告合作</a> -
<a href="/support/declare.asp" class="navmenu2">下载声明</a> -
<a href="/link/" target="_blank" class="navmenu2">友情连接</a> -
<a href="/support/sitemap.asp" class="navmenu2">网站地图</a> -
<a href="#" target="_blank" class="navmenu2">人才招聘</a>
</tr>
</table></td>
</tr>
<tr>
<td height="1"></td>
</tr>
</table>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td height="60" align="center" class="tablebody1">网站合作、内容监督、商务咨询:QQ: 9576619
<br>
Copyright ? 2005--2008 中国建站之家版权所有
<br>
未经授权禁止转载、摘编、复制或建立镜像.如有违反,追究法律责任.
<br>
免责申明:中国建站之家(www.jz123.cn)上的所有提供下载的软件和资源<br>均来源于网络,为软件或程序作者提供和网友推荐收集整理而来,仅供学习<br>和研究使用。如有侵犯你的版权,请立即联系我们,本站将在3个工作日内删除。
<br><a href="http://www.miibeian.gov.cn" target="_blank" title="粤ICP备05092265号"><font color=#000000>粤ICP备05092265号
</font><br><script src='http://s6.cnzz.com/stat.php?id=44148&web_id=44148&show=pic' language='JavaScript' charset='gb2312'></script> </td>
<script language="javascript" src="/inc/Std_StranJF.Js"></script>
</table>
</body>
</html>
<span id="naruco_ad_body" style="display:none;">
<script language=javascript src=/adfile/top.js></script>
</span>
<script type="text/javascript">
var naruco_ad = document.getElementById('naruco_ad');
if (naruco_ad != null) {
naruco_ad.innerHTML=naruco_ad_body.innerHTML;
naruco_ad_body.innerHTML="";
}
</script>