`
- 浏览:
56400 次
- 性别:
- 来自:
北京
-
<HTML>
<HEAD>
<TITLE>日历</TITLE>
<STYLETYPE="text/css">
.normal...{BACKGROUND:#ffffff}
.today...{font-weight:bold;BACKGROUND:#6699cc}
.satday...{color:green}
.sunday...{color:red}
.days...{font-weight:bold}
</STYLE>
<SCRIPTLANGUAGE="JavaScript">
//中文月份,如果想显示英文月份,修改下面的注释
/**//*varmonths=newArray("January?,"February?,"March",
"April","May","June","July","August","September",
"October","November","December");*/
varmonths=newArray("一月","二月","三月",
"四月","五月","六月","七月","八月","九月",
"十月","十一月","十二月");
vardaysInMonth=newArray(31,28,31,30,31,30,31,31,
30,31,30,31);
//中文周如果想显示英文的,修改下面的注释
/**//*vardays=newArray("Sunday","Monday","Tuesday",
"Wednesday","Thursday","Friday","Saturday");*/
vardays=newArray("日","一","二","三",
"四","五","六");
functiongetDays(month,year)...{
//下面的这段代码是判断当前是否是闰年的
if(1==month)
return((0==year%4)&&(0!=(year%100)))||
(0==year%400)?29:28;
else
returndaysInMonth[month];
}
functiongetToday()...{
//得到今天的年,月,日
this.now=newDate();
this.year=this.now.getFullYear();
this.month=this.now.getMonth();
this.day=this.now.getDate();
}
today=newgetToday();
functionnewCalendar()...{
today=newgetToday();
varparseYear=parseInt(document.all.year
[document.all.year.selectedIndex].text);
varnewCal=newDate(parseYear,
document.all.month.selectedIndex,1);
varday=-1;
varstartDay=newCal.getDay();
vardaily=0;
if((today.year==newCal.getFullYear())&&(today.month==newCal.getMonth()))
day=today.day;
vartableCal=document.all.calendar.tBodies.dayList;
varintDaysInMonth=getDays(newCal.getMonth(),newCal.getFullYear());
for(varintWeek=0;intWeek<tableCal.rows.length;intWeek++)
for(varintDay=0;intDay<tableCal.rows[intWeek].cells.length;intDay++)
...{
varcell=tableCal.rows[intWeek].cells[intDay];
if((intDay==startDay)&&(0==daily))
daily=1;
if(day==daily)
//今天,调用今天的Class
cell.className="today";
elseif(intDay==6)
//周六
cell.className="sunday";
elseif(intDay==0)
//周日
cell.className="satday";
else
//平常
cell.className="normal";
if((daily>0)&&(daily<=intDaysInMonth))
...{
cell.innerText=daily;
daily++;
}
else
cell.innerText="";
}
}
functiongetDate()...{
varsDate;
//这段代码处理鼠标点击的情况
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>
<BODYONLOAD="newCalendar()"OnUnload="window.returnValue=document.all.ret.value;">
<inputtype="hidden"name="ret">
<TABLEID="calendar"cellspacing="0"cellpadding="0">
<THEAD>
<TR>
<TDCOLSPAN=7ALIGN=CENTER>
<SELECTID="month"ONCHANGE="newCalendar()">
<SCRIPTLANGUAGE="JavaScript">
for(varintLoop=0;intLoop<months.length;
intLoop++)
document.write("<OPTIONVALUE="+(intLoop+1)+""+
(today.month==intLoop?
"Selected":"")+">"+
months[intLoop]);
</SCRIPT>
</SELECT>
<SELECTID="year"ONCHANGE="newCalendar()">
<SCRIPTLANGUAGE="JavaScript">
for(varintLoop=today.year-50;intLoop<(today.year+4);
intLoop++)
document.write("<OPTIONVALUE="+intLoop+""+
(today.year==intLoop?
"Selected":"")+">"+
intLoop);
</SCRIPT>
</SELECT>
</TD>
</TR>
<TRCLASS="days">
<SCRIPTLANGUAGE="JavaScript">
document.write("<TDclass=satday>"+days[0]+"</TD>");
for(varintLoop=1;intLoop<days.length-1;
intLoop++)
document.write("<TD>"+days[intLoop]+"</TD>");
document.write("<TDclass=sunday>"+days[intLoop]+"</TD>");
</SCRIPT>
</TR>
</THEAD>
<TBODYborder=1cellspacing="0"cellpadding="0"ID="dayList"ALIGN=CENTERONCLICK="getDate()">
<SCRIPTLANGUAGE="JavaScript">
for(varintWeeks=0;intWeeks<6;intWeeks++)...{
document.write("<TRstyle='cursor:hand'>");
for(varintDays=0;intDays<days.length;
intDays++)
document.write("<TD></TD>");
document.write("</TR>");
}
</SCRIPT>
</TBODY>
</TABLE>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
日历js代码
极品日历,完美的节日收录,功能庞大,网页开发加入优美
日历源代码,还不错哦日历源代码,还不错哦日历源代码,还不错哦日历源代码,还不错哦
js日历控件代码及用法
简单易懂,功能超级强大。欢迎新手下载,使用!
js简易日历特效原生代码 js简易日历特效原生代码 js简易日历特效原生代码 js简易日历特效原生代码 js简易日历特效原生代码
JS 实现活动日历代码,JS中在日历中添加活动,鼠标悬停到有活动的日期时日历下方会显示活动内容
js日历选择代码,js实现日历选择,很实用的哦
此程序是javascript和php开发,提供酒店、门票订购... 此程序中js是驴妈妈上的,我做了些修改,做学习用,精简了代码和功能,只提供酒店和门票,部分提交url请自己修改。php生成日历的类是自己原创的。不足之处请反馈。
JAVASCRIPT实现日历的代码,比较优秀的JAVA日历代码
js日历控件 源代码 js日历控件 源代码 js日历控件 源代码 js日历控件 源代码
js移动端日历签到页面代码.zip日历制作,每天只能签到一次
js版本百度日历,样式完全一致,这个日历就是好看.
打开页时,在下拉列表中显示当前年月,显示公历和农历的相关信息 中文显示农历的日期 判断的农历中那个月是闰月,不是闰月 算出当前月第一天的农历日期和当前农历日期下一个月农历的第一天日期
百度JS日历农历代码,鼠标经过日期,显示日历农历详情。
jQuery工作事项安排日历表代码是一款实用的每日事项提醒日历表代码。
里面有一系列的日历控件,以后缀名为.js的文件夹
实用可拖动的日历js+css代码(选择日期用的) 非常精美 骗你,你骂我,是用来做选择日期用的,比如搜索某一个时间段的时间选择。
日历(JS代码) 日历(JS代码)
JavaScript日历插件代码………………………………………………………………………………