打造基于jQuery的日期选择控件(下)

核心提示： 第二部自然是初始化月视图和年月选择视图的HTML了01.//给日期选择控件一个特殊的ID，获取这个ID的对象，打造基于jQuery的日期选择控件(下)(2)，判断如果对象存在，则直接使用02.//日期的HTML采用单例，即一个页面上只生成一份HTML03.varcp=$("#BBIT_

第二部自然是初始化月视图和年月选择视图的HTML了

01.//给日期选择控件一个特殊的ID，获取这个ID的对象，判断如果对象存在，则直接使用
02.//　日期的HTML采用单例，即一个页面上只生成一份HTML
03.　　var　cp　=　$("#BBIT_DP_CONTAINER");
04.　
05.　　　　　　　　if　(cp.length　==　0)　{
06.　　　　　　　　　　　　var　cpHA　=　[];　//老规矩还是用数组拼接html，最后用innerHTML的方式附加到容器，提升性能
07.　　　　　　　　　　　　cpHA.push("<div　id='BBIT_DP_CONTAINER'　class='bbit-dp'　style='width:175px;z-index:999;'>");
08.　　　　　　　　　　　　if　($.browser.msie6)　{　//如果是IE6弹出层遮盖select
09.　　　　　　　　　　　　　　　　cpHA.push('<iframe　style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;"　frameborder="0"　src="about:blank"></iframe>');
10.　　　　　　　　　　　　}
11.　　　　　　　　　　　　cpHA.push("<table　class='dp-maintable'　cellspacing='0'　cellpadding='0'　style='width:175px;'><tbody><tr><td>");
12.　　　　　　　　　　　　//头哟
13.　　　　　　　　　　　　cpHA.push("<table　class='bbit-dp-top'　cellspacing='0'><tr><td　class='bbit-dp-top-left'>　<a　id='BBIT_DP_LEFTBTN'　href='javascript:void(0);'　title='向前一个月'> </a></td><td　class='bbit-dp-top-center'　align='center'><em><button　id='BBIT_DP_YMBTN'>九月　2009</button></em></td><td　class='bbit-dp-top-right'><a　id='BBIT_DP_RIGHTBTN'　href='javascript:void(0);'　title='向后一个月'> </a></td></tr></table&　gt;");
14.　　　　　　　　　　　　cpHA.push("</td></tr>");
15.　　　　　　　　　　　　cpHA.push("<tr><td>");
16.　　　　　　　　　　　　//周
17.　　　　　　　　　　　　cpHA.push("<table　id='BBIT_DP_INNER'　class='bbit-dp-inner'　cellspacing='0'><thead><tr>");
18.　　　　　　　　　　　　//生成周
19.　　　　　　　　　　　　for　(var　i　=　def.weekStart,　j　=　0;　j　<　7;　j++)　{
20.　　　　　　　　　　　　　　　　cpHA.push("<th><span>",　def.weekName[i],　"</span></th>");
21.　　　　　　　　　　　　　　　　if　(i　==　6)　{　i　=　0;　}　else　{　i++;　}
22.　　　　　　　　　　　　}
23.　　　　　　　　　
24.　　　　　　　　　　　　.....//省略若干代码
25.　　　　　　　　　　　　cpHA.push("</tbody></table>");
26.　　　　　　　　　　　　cpHA.push("</div>");
27.　　　　　　　　　　　　cpHA.push("</div>");
28.　
29.　　　　　　　　　　　　var　s　=　cpHA.join("");
30.　　　　　　　　　　　　$(document.body).append(s);　//添加到body中
31.　　　　　　　　　　　　cp　=　$("#BBIT_DP_CONTAINER");　//再获取一遍
32.　
33.　　　　　　　　　　　　initevents();　//初始化事件
34.　　　　　　　　}