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

核心提示：那接着就是分析一下实现的主要过程和一些注意的要点:首先还是套版化编写jQuery控件的套子:1.;(function($){2.//也可以使用$.fn.extend(datepicker:function(o){})3.$.fn.datepicker=function(o){4.}5.})(jQuery);这样做的好处

那接着就是分析一下实现的主要过程和一些注意的要点:

首先还是套版化编写jQuery控件的套子:

1.;(function($)　{　　　　　
2.　　　　//也可以使用$.fn.extend(datepicker:function(o){})　　　　　
3.　　　　$.fn.datepicker=　function(o)　{　
4.　　　　　　　　　　　　　　　　}
5.})(jQuery);

这样做的好处上篇已经讲过了 ，就不重述了

接着就是定义默认的参数，已在代码中添加了注释说明这些参数的意义，有几个参数是为了多语言而设置的，如weekName，monthName

01.var　def　=　{
02.　　　　　　　　　　　　weekStart:　0,//一周开始的是星期几0代表星期天
03.　　　　　　　　　　　　weekName:　["日",　"一",　"二",　"三",　"四",　"五",　"六"],　//星期的格式
04.　　　　　　　　　　　　monthName:　["一",　"二",　"三",　"四",　"五",　"六",　"七",　"八",　"九",　"十",　"十一",　"十二"],　//月份的格式
05.　　　　　　　　　　　　monthp:　"月",//月的后缀
06.　　　　　　　　　　　　Year:　new　Date().getFullYear(),　//定义年的变量的初始值
07.　　　　　　　　　　　　Month:　new　Date().getMonth()　+　1,　//定义月的变量的初始值
08.　　　　　　　　　　　　Day:　new　Date().getDate(),　//定义日的变量的初始值
09.　　　　　　　　　　　　today:　new　Date(),//today
10.　　　　　　　　　　　　btnOk:　"　确定　",//确定按钮的文字
11.　　　　　　　　　　　　btnCancel:　"　取消　",//取消按钮的文字
12.　　　　　　　　　　　　btnToday:　"今天",　//今天按钮的文字
13.　　　　　　　　　　　　inputDate:　null,//无用，只是在代码中会用它存放数据
14.　　　　　　　　　　　　onReturn:　false,//当选择日期后回调的函数
15.　　　　　　　　　　　　version:　"1.0",//版本
16.　　　　　　　　　　　　applyrule:　false,　//日期选择规则，可设置可选择的日期范围function(){};return　rule={startdate,endate};
17.　　　　　　　　　　　　showtarget:　null,　//显示载体，日历展开式所依赖的对象，默认是对象本身
18.　　　　　　　　　　　　picker:　""　//附加点击事件的对象
19.　　　　　　　　};
20.　　　　$.extend(def,　o);//用传递过来的参数来填充默认