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

核心提示： 01.functiontbhandler(e){02.varet=e.target||e.srcElement;//找到事件源03.vartd=getTd(et);//事件源递归往上找td04.if(td==null){05.returnfalse;06.}07.var$td=$(td);08.

01.function　tbhandler(e)　{
02.　　　　　　　　　　　　var　et　=　e.target　||　e.srcElement;　//找到事件源
03.　　　　　　　　　　　　var　td　=　getTd(et);　//事件源递归往上找td
04.　　　　　　　　　　　　if　(td　==　null)　{
05.　　　　　　　　　　　　　　　　return　false;
06.　　　　　　　　　　　　}
07.　　　　　　　　　　　　var　$td　=　$(td);
08.　　　　　　　　　　　　if　(!$(td).hasClass("bbit-dp-disabled"))　{//如果不是禁用状态
09.　　　　　　　　　　　　　　　　var　s　=　$td.attr("xdate");//获取td的自定义属性日期数据
10.　　　　　　　　　　　　　　　　var　arrs　=　s.split("-");
11.　　　　　　　　　　　　　　　　cp.data("indata",　new　Date(arrs[0],　parseInt(arrs[1],　10)　-　1,　arrs[2]));
12.　　　　　　　　　　　　　　　　returndate();//返回日期
13.　　　　　　　　　　　　}
14.　　　　　　　　　　　　return　false;
15.　　　　　　　　}

所有的日期选择事件初始化好了(一次性的),接着就要给每一个的picker添加点击事件了

01.return　$(this).each(function()　{
02.　　　　　　　　　　　　var　obj　=　$(this).addClass("bbit-dp-input");//给input添加样式
03.　　　　　　　　　　　　var　picker　=　$(def.picker);//获取picker对象
04.　　　　　　　　　　　　//如果showtarget不为null这将picker注册到input的后面
05.　　　　　　　　　　　　//否则用户自己处理picker的位置，即picker在页面上本身就已经存在
06.　　　　　　　　　　　　//大家可以看看示例中1，3调用的区别
07.　　　　　　　　　　　　def.showtarget　==　null　&&　obj.after(picker);
08.　　　　　　　　　　　　　
09.　　　　　　　　　　　　picker.click(function(e)　{
10.　
11....//省略代码
12.});