这个日历控件类似于园子用的日历,如下图:
[img]http://www.1sucai.cn/do/uploads/litimg/100324/19192412591.gif[/img]
这种日历控件实现起来不难,下面简单分析下我的思路:
首先,是该控件的可配置项:
[url=]break;
}
}
if (j == this.dateLinkMappings.length) {
ht.push(curDate.getDate());
}
}
else {
ht.push(" ");
}
return ht.join("");
},
事实上本日历控件的意图是用户可以在初始化时传入日期和该日期对应的链接的映射的数组,也就是this.dateLinkMappings,当构建单元格时若正在构建的日期包含在this.dateLinkMappings里,则将当前单元格构造成<a>形式,否则为普通的文本形式。
OK,实现逻辑大致如此,篇末看下演示效果:
前台调用代码如下:
var date = new Date();
var mapping = [];
mapping.push(new DateLinkMapping("3-22-2010", "javascript:alert(1)"));
mapping.push(new DateLinkMapping("4-1-2010", "javascript:alert(1)"))
Calendar.Init(null, mapping);
Calendar.RenderCalendar("myCalendar", date.getMonth() + 1, date.getFullYear());
[url=http://www.1sucai.cn/jiaoben/25467.html]打包下载地址[/url]