开发学院网页设计 JavaScript 打造基于jQuery的日期选择控件(下) 阅读

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

　2009-10-28 00:00:00　来源：WEB开发网　闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹

闂傚倷绀侀幉锟犲垂閻㈠灚宕查柟鎵閸庡秵銇勯幒鎴濃偓鐢稿磻閹炬枼妲堟繛鍡楃С濞岊亞绱撻崒姘扁枌闁瑰嚖鎷�

婵犵數濮幏鍐川椤撴繄鎹曢梻渚€娼уú銈吤洪妸鈺佺劦妞ゆ帊鑳堕埊鏇㈡煏閸モ晛浠х紒杈╁仱閺佹捇鏁撻敓锟�闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹　　闂傚倷鑳舵灙缂佺粯顨呴埢宥夊即閵忕姵鐎梺缁樺姇閹碱偆鐥閺屾洘绻濊箛鏇犵獥闂佺厧澹婃禍婊堚€旈崘顏佸亾閿濆骸澧ù鐘欏嫮绠鹃柛顐ゅ枎閻忋儲銇勯弴妯哄姦妞ゃ垺鐟╅幃鈩冩償閵囧府鎷�

核心提示：那接着就是分析一下实现的主要过程和一些注意的要点:首先还是套版化编写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);//用传递过来的参数来填充默认