//给日期选择控件一个特殊的ID，获取这个ID的对象，判断如果对象存在，则直接使用
// 日期的HTML采用单例，即一个页面上只生成一份HTML
var cp = $("#BBIT_DP_CONTAINER");
if (cp.length == 0) {
var cpHA = []; //老规矩还是用数组拼接html，最后用innerHTML的方式附加到容器，提升性能
cpHA.push("<div>");
if ($.browser.msie6) { //如果是IE6弹出层遮盖select
cpHA.push('<iframe frameborder="0" src="https://www.jb51.net/about:blank"></iframe>');
}
cpHA.push("<table cellspacing='0' cellpadding='0'><tbody><tr><td>");
//头哟
cpHA.push("<table cellspacing='0'><tr><td> <a href='javascript:void(0);' title='向前一个月'> </a></td><td><em><button>九月 2009</button></em></td><td><a href='javascript:void(0);' title='向后一个月'> </a></td></tr></table>");
cpHA.push("</td></tr>");
cpHA.push("<tr><td>");
//周
cpHA.push("<table cellspacing='0'><thead><tr>");
//生成周
for (var i = def.weekStart, j = 0; j < 7; j++) {
cpHA.push("<th><span>", def.weekName[i], "</span></th>");
if (i == 6) { i = 0; } else { i++; }
}
.....//省略若干代码
cpHA.push("</tbody></table>");
cpHA.push("</div>");
cpHA.push("</div>");
var s = cpHA.join("");
$(document.body).append(s); //添加到body中
cp = $("#BBIT_DP_CONTAINER"); //再获取一遍
initevents(); //初始化事件
}
这里有一个关键点，就是日期的html输出和事件初始化只做一次，因为基本上一页上同时不会打开两个。还有就是生成html中有一些特殊的自定义属性哦，仔细看下就会发现的，这些属性在后面的时间处理中都有很大的作用。那么来看一下事件吧
复制代码 代码如下: