1概述日期選擇插件是一個(gè)配置靈活的你可以定義它展示方式包

1、概述 日期選擇插件是一個(gè)配置靈活的插件，你可以定義它的展示方式，包括日期格式、語(yǔ)言、限制選擇日期范加相關(guān)按鈕以及其它導(dǎo)航等示例地址/wp-地址 HYPERLINK http:/w/ 參同時(shí)，你還過(guò)鍵盤page上一月ctrl+pageup/down上一年、下一年ctrl+home當(dāng)月或概述 日期選擇插件是一個(gè)配置靈活的插件，你可以定義它的展示方式，包括日期格式、語(yǔ)言、限制選擇日期范加相關(guān)按鈕以及其它導(dǎo)航等示例地址/wp-地址 HYPERLINK http:/w/ 參同時(shí)，你還過(guò)鍵盤page上一月ctrl+pageup/down上一年、下一年ctrl+home當(dāng)月或最后一次打開的日ctrl+lef

2、t/right上一天、下一ctrl+up/down上一周、下一enter定選擇ctrl+end關(guān)閉并清除已選擇的日期關(guān)閉并取消選擇用功能cker.setDefaults( settings ) - 全局設(shè)置日期選擇插件的參數(shù). cker.formatDate(format,date,settings格式化顯示的日期字符串k( date ) - 給出一個(gè)日期，確實(shí)他是一年中的第幾arseDate(format,value,settings按照指定格式獲取日期字符串 日期格式： d 月的(沒有前導(dǎo)零dd每月的(兩位數(shù)字o - 一年中的第幾(沒有前導(dǎo)零oo一年中的第幾天(三位數(shù)字Ddaynamesh

3、ortDDdaynamelongm月份(沒有前導(dǎo)零mm月份(兩位數(shù)字MmonthnameshortMMmonthnamelongy年份(兩位數(shù)字yy(四位數(shù)字Unix時(shí)間戳(01/01/1970開始文本單引號(hào)（其它）文本它標(biāo)準(zhǔn)日期格式ATOMyy-mm-dd(SameasRFC3339/ISO-D,ddMyyISO_8601-yy-mm-dd-D,dMyRFC_850-DD,dd-M-yRFC_1036-D,dMyRFC_1123-D,dMyyW3Cyy-mm-dd參數(shù)（參數(shù)名參數(shù)類型-D,dMyyRSS-D,dMy認(rèn)值） altField : String : 將選擇的日期同步到另一個(gè)域中，

4、配合 altFormat 可以顯示不同格式的日期符串。cker(altField:#actualDate獲?。簐araltFieldcker(optionaltField); altField,#actualDate);altFormatString當(dāng)設(shè)置了altField的情況下，顯示在另一個(gè)中的日期格式。始cker(altFormat:yy-mm-dd ); 獲?。簐arcker(option, altFormat); 設(shè)置cker(option,altFormat,yy-mm-dd);appendText String :日期插件的所屬域后面添加指定的字符串。 初始cker(yyyy-m

5、m-dd) 獲?。簐arappendTextcker(option,設(shè)置cker(option,appendText,(yyyy-mm-dd);buttonImageString設(shè)置彈出按鈕，如果非空，則按鈕的文本將成為 alt 屬性，不直接顯示。 初始cker(buttonImage:buttonImage=cker(option,buttonImage);設(shè)置cker(option,buttonImage,buttonImageOnly thetriggerwithout:falseSettotruetoplaceanimageafterthefieldtouseappearingonab

6、utton.初始cker(buttonImageOnly:true獲取：varbuttonImageOnly cker(option, buttonImageOnly); 設(shè)置：cker(option, buttonImageOnly, true); buttonText : String : 設(shè)置觸發(fā)按鈕的文本內(nèi)容。 初始cker(buttonText:Choose獲取buttonText=cker(option,buttonText);設(shè)置cker(option, buttonText, Choose); changeMonth :設(shè)置允許通過(guò)下拉框列表選取月份。 初始cker(chang

7、eMonthtrue獲取varchangeMonth=cker(option,changeMonth);設(shè)置cker(option,changeMonth, true);changeYearfalse 置允許通過(guò)下拉框列表選取年份。 初始cker(changeYear:true獲取changeYear=cker(option, changeYear); 設(shè)置cker(option,changeYear,true);closeTextType:Done 設(shè)置關(guān)閉按鈕的文本內(nèi)容，此按鈕需要通過(guò) showButtonPanel 參數(shù)的設(shè)置才顯示。 初始cker(closeText:X獲?。簐arcl

8、oseText cker(option, closeText); 設(shè)置：cker(option, closeText, X); constrainInput true果設(shè)置為true，則約束當(dāng)前輸入的日期格式。 初始cker(false獲?。簐arconstrainInputcker(option,設(shè)置cker(option,constrainInput,false);currentTextchangeYear=cker(option, changeYear); 設(shè)置cker(option,changeYear,true);closeTextType:Done 設(shè)置關(guān)閉按鈕的文本內(nèi)容，此按鈕需

9、要通過(guò) showButtonPanel 參數(shù)的設(shè)置才顯示。 初始cker(closeText:X獲?。簐arcloseText cker(option, closeText); 設(shè)置：cker(option, closeText, X); constrainInput true果設(shè)置為true，則約束當(dāng)前輸入的日期格式。 初始cker(false獲?。簐arconstrainInputcker(option,設(shè)置cker(option,constrainInput,false);currentText:StringToday 設(shè)置當(dāng)天按鈕的文本內(nèi)容，此按鈕需要通過(guò) showButtonPane

10、l 參數(shù)的設(shè)置才顯示。 初始cker(currentText:Now獲取：varcurrentText cker(option, currentText); 設(shè)置：cker(option,currentText,Now);dateFormat:Stringmm/dd/yy設(shè)置日期字符串的顯示格cker(cker(option, 設(shè)置cker(option,dateFormat,yy-mm-dd);dayNames:ArraySunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday設(shè)置中每天的名稱天開始。此內(nèi)容用于 dateFormat 時(shí)

11、顯示，以及日歷中當(dāng)鼠標(biāo)移至行頭時(shí)顯示。 cker( dayNames: Dimanche, di,Mardi,Mercredi,Vendredi,Samedi);獲?。簐ardayNames=dayNames);設(shè)置cker(option,dayNames,Dimanche,Mardi,Mercredi,Jeudi,Vendredi,Samedi);dayNamesMin:Array:Su,Tu,We,Th,Fr,Sa設(shè)置中每天的縮語(yǔ)，天開始，此內(nèi)容用于 dateFormat 時(shí)顯示以前日歷中的行頭顯示。 cker(dayNamesMin:Di,Lu,Ma,Je,Ve,Sa獲?。簐ardayN

12、amesMindayNamesMin); 設(shè)置cker(option,dayNamesMin,Di,Lu,Me,Je,Ve,Sa);dayNamesShort:Array:Sun,Mon,Tue,Wed,Thu,Sat 設(shè)置中每天的縮語(yǔ)，天開始，此內(nèi)容用于 dateFormat 時(shí)顯示，以前日歷中的行頭顯示。 cker(dayNamesShort:Dim,Mar,Mer,Jeu,Sam ); 獲?。簐ardayNamesShortcker(option, 設(shè)置cker(option,dayNamesShort,Dim,Mar,Jeu,Ven,Sam);ateDate,Number,String

13、null設(shè)置默認(rèn)加載完后第一次顯時(shí)選中的日期?？梢允荄ate 對(duì)象，或者是數(shù)字（從今天算起，例如+7），或者有效的字符串(y代表年, m代月w代表周d代表日, 例如：+1m+7d)。初始cker(ate:+7獲?。簐arate=cker(option,ate);設(shè)置String,Numbercker(option,ate,+7);durationnormal 設(shè)置日期控件展開動(dòng)畫的顯示時(shí)間，可選是slow, normal, fast，代表立刻，數(shù)字代表數(shù)。始ckerduration:slow獲?。簐ardurationduration,cker(option,duration); 一為 1，以

14、此類推DayNumber0設(shè)置一周中的第一天Day初始Day:1獲取cker(option,Day,1);gotoCurrent: false 如果設(shè)置為true，則點(diǎn)擊當(dāng)天按鈕時(shí)，將移至當(dāng)前已中的日期，而不是今天。 初始gotoCurrent =cker(option, gotoCurrent); 設(shè)置cker(option,gotoCurrent,true);hideIfNoPrevNext:false 設(shè)置當(dāng)沒有上一個(gè)/下一個(gè)可選擇的情況下，隱藏掉相應(yīng)的按鈕。（默認(rèn)為不可用） 初始cker(option, hideIfNoPrevNext); cker(option, hideIfNoP

15、revNext, true); isRTL falsegotoCurrent =cker(option, gotoCurrent); 設(shè)置cker(option,gotoCurrent,true);hideIfNoPrevNext:false 設(shè)置當(dāng)沒有上一個(gè)/下一個(gè)可選擇的情況下，隱藏掉相應(yīng)的按鈕。（默認(rèn)為不可用） 初始cker(option, hideIfNoPrevNext); cker(option, hideIfNoPrevNext, true); isRTL false果設(shè)置為true，則所有文字是從右自左。 cker(isRTL:truecker(option,isRTL);設(shè)置

16、varisRTL=cker(option,isRTL,true);maxDate:Date,Number,String:設(shè)置一個(gè)最大的可選日期?？梢允?Date 對(duì)象，或者是數(shù)字（從今天算起，例如+7），或者有效的字符串(y代表年m代表月, w代表周, d代表日, 例如：+1m +7d)。 初始cker(+1m+1w獲?。簐armaxDatecker(option,maxDate);cker(option,maxDate,+1m+1w);minDate:Date,Number,Stringnull設(shè)置一個(gè)最小的可選日期?？蒁ate對(duì)象，或者是數(shù)字（從今天算起，例如+7），或者有效的字符串(y代

17、表年, m代表月, w代表周, d代表日, 例如：+1m +7d)。 初始：cker(minDate:newDate(2007,11,1)獲?。簐arminDatecker(option, minDate); 設(shè)置minDate,newDate(2007,1-1,1);monthNames:Array:January,February,March, April, May, June, July, August, September, October, November, December設(shè)置所有月份的名稱。 初始,Juli,August,September,Oktober,November,D

18、ecember); 獲?。簐ar monthNames cker(option, monthNames); 設(shè)置cker(option,November,December);monthNamesShort:Array:Jan,Feb,Mar,Apr,Jun,Jul,Aug,Sep,Oct,Nov,Dec設(shè)置所有月份的縮寫。始,Aug,Sep,Okt,Nov,Dec); 獲?。簐ar monthNamesShort cker(option, monthNamesShort); 設(shè)置cker(option,navigationAsDateFormat : false 如果設(shè)置為true，則form

19、atDate函數(shù)將應(yīng)用prevText,nextText 和currentText 的值中顯示，例如顯示為月份名稱初始cker(navigationAsDateFormat:true獲取navigationAsDateFormat = cker(option, 設(shè)置cker(option,navigationAsDateFormat,true);nextTextStringNext設(shè)置“下個(gè)月的顯示文字。始cker(Later獲?。簐arnextTextcker(option,nextText);cker(option,nextText,Later);numberOfMonths:Number

20、,Array1設(shè)置一次要顯示多少個(gè)月份。如果為整數(shù)則是顯示月份的數(shù)量，如果是數(shù)組，則是顯示的行與列的數(shù)量初始cker(numberOfMonths:2,3獲取：varnumberOfMonths cker(option, numberOfMonths); 設(shè)置：cker(option,numberOfMonths, 2,3); prevText: String: 設(shè)置“上個(gè)月cker(prevText:cker(option, prevText); 設(shè)置varprevText=cker(option, prevText, r);shortYearCutoff:Number : +10 設(shè)置截止

21、年份的值。如果是（0-99）的數(shù)字則以當(dāng)前年份開始算起，如果為字符串，則相應(yīng)的數(shù)字后再與當(dāng)前年份相加。當(dāng)超過(guò)截止年份時(shí)，則被認(rèn)為是上個(gè)世紀(jì)設(shè)置“上個(gè)月cker(prevText:cker(option, prevText); 設(shè)置varprevText=cker(option, prevText, r);shortYearCutoff:Number : +10 設(shè)置截止年份的值。如果是（0-99）的數(shù)字則以當(dāng)前年份開始算起，如果為字符串，則相應(yīng)的數(shù)字后再與當(dāng)前年份相加。當(dāng)超過(guò)截止年份時(shí)，則被認(rèn)為是上個(gè)世紀(jì)。 cker(shortYearCutoff:50獲取：varshortYearCutof

22、f cker(option, shortYearCutoff); 設(shè)置：cker(option, shortYearCutoff, 50); showAnim : String : show 置顯示、隱藏日期插件的動(dòng)畫的名稱。 初始cker( showAnim: fold ); 獲取varshowAnimcker(option,showAnim);設(shè)置cker(option,showAnim,fold);showButtonPanel: 設(shè)置是否在面板上顯示相關(guān)的按鈕。 初始ckershowButtonPanel:true ?。簐arshowButtonPanelcker(option, sh

23、owButtonPanel); cker(option,showButtonPanel, true); :Number0 設(shè)置當(dāng)多月份顯示的情況下，當(dāng)前月份顯示的位置。自頂部/左邊開始第x位。 cker(3獲取：var=cker(option, cker(option, ); 設(shè)置,3);fterYear:false 是否在面板的頭部年份后面顯示月份。 初始cker(true獲?。簐arfterYear=fterYear);設(shè)置cker(option,true);showOn:String:focus 設(shè)置什么事件觸發(fā)顯示日期插件的面板，可選值：focus,button,初始cker(show

24、On:both獲?。簐arshowOnshowOn,both);showOptionsOptions如果使用showAnim來(lái)顯示動(dòng)畫效果的話，可以通過(guò)參數(shù)來(lái)增加一些附加的參數(shù)設(shè)置。 初始cker(showOptions:up ); 獲?。簐arshowOptionscker(option,showOptions); cker(option, showOptions, direction: up); showOtherMonths false是否在當(dāng)前面板顯示上、下兩個(gè)月的一些日期數(shù)（不可選）始cker(showOtherMonths:true獲?。簐arshowOtherMonths cke

25、r(option, showOtherMonths); 設(shè)置：cker(option, showOtherMonths, true); stepMonths :Number :1 點(diǎn)擊上/下一月時(shí)，一次翻幾個(gè)月。 初始cker(stepMonths:3獲取stepMonths=cker(option,stepMonths);設(shè)置cker(option,stepMonths,3);yearRangeString10:+10制年份的下拉列表中顯示的年份數(shù)量，可以是相對(duì)當(dāng)前年(-nn:+nn)，也可以是絕對(duì)值(-nnnn:+nnnn) 初始cker(yearRange:2000:2010獲取：var

26、yearRange cker(option, yearRange); 設(shè)置：cker(option,yearRange,2000:2010);事件beforeShowfunction(input) 在日期控件顯示面板之前，觸發(fā)此事件，并返回當(dāng)前觸發(fā)事件的控件的實(shí)例對(duì)象。 cker(beforeShow:function(input).);beforeShowDayfunction(date) 在日期控件顯示面板之前，每個(gè)面板上的日期綁定時(shí)都觸發(fā)此事件，參數(shù)為觸發(fā)事件的日期。函數(shù)后，必須返回一個(gè)數(shù)組：0此日期是否可選(true/false)，1此日期的CSS 樣式名稱(表示默認(rèn)當(dāng)鼠標(biāo)移至上面出現(xiàn)一段提示的內(nèi)容。 初始cker( function(date)onChangeMonthYearfunction(y