学步园

CalendarXP是个功能很强的javascript日历选择插件，支持多个浏览器，官方地址
为：http://www.calendarxp.net/。

今天研究了一会儿这个东东，顺便汉化了一下。其实汉化也就是修改一下一个js文件，没有什么难度。为方便朋友，我把修改js文件的结果贴一下。

////////// JS theme file for PopCalendarXP 9.0 /////////<br /> // This file is totally configurable. You may remove all the comments in this file to minimize the download size.<br /> // Since the plugins are loaded after theme config, sometimes we would redefine(override) some theme options there for convenience.<br /> ////////////////////////////////////////////////////////<br /> // ---- PopCalendar Specific Options ----<br /> var gsSplit="-"; // separator of date string. If set it to empty string, then giMonthMode and gbPadZero will be fixed to 0 and true.<br /> var giDatePos=2; // date format sequence 0: D-M-Y ; 1: M-D-Y; 2: Y-M-D<br /> var gbPadZero=true; // whether to pad the digits with 0 in the left when less than 10.<br /> var giMonthMode=0; // month format 0: digits ; 1: full name from gMonths; >2: abbreviated month name in specified length.<br /> var gbShortYear=false; // year format true: 2-digits; false: 4-digits<br /> var gbAutoPos=true; // enable auto-adpative positioning or not<br /> var gbPopDown=true; // true: pop the calendar below the dateCtrl; false: pop above if gbAutoPos is false.<br /> var gbAutoClose=true; // whether to close the calendar after selecting a date.<br /> var gPosOffset=[0,0]; // Offsets used to adjust the pop-up postion, [leftOffset, topOffset].<br /> var gbFixedPos=false; // true: pop the calendar absolutely at gPosOffset; false: pop it relatively.<br /> // ---- Common Options ----<br /> var gMonths=["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"];<br /> var gWeekDay=["日","一","二","三","四","五","六"]; // weekday caption from Sunday to Saturday<br /> var gBegin=[1980,1,1]; // calendar date range begin from [Year,Month,Date]. Using gToday here will make it start from today.<br /> var gEnd=[2030,12,31]; // calendar date range end at [Year,Month,Date]<br /> var gsOutOfRange="对不起，不能超过设定的范围!"; // out-of-date-range error message. If set to "", no alerts will popup on such error.<br /> var guOutOfRange=null; // the background image url for the out-range dates. e.g. "outrange.gif"<br /> var giFirstDOW=1; // indicates the first day of week. 0:Sunday; 1-6:Monday-Saturday.<br /> var gcCalBG="#6699cc"; // the background color of the outer calendar panel.<br /> var guCalBG=null; // the background image url for the inner table.<br /> var gcCalFrame="#778899"; // the background color of the inner table, showing as a frame.<br /> var gsInnerTable="border=0 cellpadding=2 cellspacing=1"; // HTML tag properties of the inner <table> tag, which holds all the calendar cells.<br /> var gsOuterTable=NN4?"border=1 cellpadding=3 cellspacing=0":"border=0 cellpadding=0 cellspacing=2"; // HTML tag properties of the outmost container <table> tag, which holds the top, middle and bottom sections.<br /> var gbHideTop=false; // true: hide the top section; false: show it according to the following settings<br /> var giDCStyle=0; // the style of month-controls in top section. 0: use predefined html dropdowns & gsNavPrev/Next; 1: use gsCalTitle & gsNavPrev/Next; 2: use only gsCalTitle;<br /> var gsCalTitle="gMonths[gCurMonth[1]-1]+' '+gCurMonth[0]"; // dynamic statement to be eval()'ed as the title when giDCStyle>0.<br /> var gbDCSeq=true; // (effective only when giDCStyle is 0) true: show month box before year box; false: vice-versa;<br /> var gsYearInBox="i"; // dynamic statement to be eval()'ed as the text shown in the year box. e.g. "'A.D.'+i" will show "A.D.2001"<br /> var gsNavPrev="<input id='navPrev' type='button' value='<' class='MonthNav' onmousedown='showPrevMon()' onmouseup='stopShowMon()' onmouseout='stopShowMon();if(this.blur)this.blur()'/>"; // the content of the left month navigator<br /> var gsNavNext="<input id='navNext' type='button' value='>' class='MonthNav' onmousedown='showNextMon()' onmouseup='stopShowMon()' onmouseout='stopShowMon();if(this.blur)this.blur()'/>"; // the content of the right month navigator<br /> var gbHideBottom=false; // true: hide the bottom section; false: show it with gsBottom.<br /> var gsBottom="<a href="javascript:void(0)" mce_href="javascript:void(0)" class='BottomAnchor' onclick='if(this.blur)this.blur();if(!fSetDate(gToday[0],gToday[1],gToday[2]))alert(/"You cannot select today!/");return false;' onmouseover='return true;' >今日 : "+gToday[0]+"年"+gMonths[gToday[1]-1]+gToday[2]+"日</a>"; // the content of the bottom section.<br /> var giCellWidth=18; // calendar cell width;<br /> var giCellHeight=14; // calendar cell height;<br /> var giHeadHeight=14; // calendar head row height;<br /> var giWeekWidth=14; // calendar week-number-column width;<br /> var giHeadTop=1; // calendar head row top offset;<br /> var giWeekTop=0; // calendar week-number-column top offset;<br /> var gcCellBG="#e5e5e5"; // default background color of the cells. Use "" for transparent!!!<br /> var gsCellHTML=""; // default HTML contents for days without any agenda, usually an image tag.<br /> var guCellBGImg=""; // url of default background image for each calendar cell.<br /> var gsAction=" "; // default action to be eval()'ed on everyday except the days with agendas, which have their own actions defined in agendas.<br /> var gsDays="dayNo"; // the dynamic statement to be eval()'ed into each day cell.<br /> var giWeekCol=-1; // -1: disable week-number-column; 0~7: show week numbers at the designated column.<br /> var gsWeekHead="#"; // the text shown in the table head of week-number-column.<br /> var gsWeeks="weekNo"; // the dynamic statement to be eval()'ed into the week-number-column. e.g. "'week '+weekNo" will show "week 1", "week 2" ...<br /> var gcWorkday="black"; // Workday font color<br /> var gcSat="black"; // Saturday font color<br /> var gcSatBG="#99ccff"; // Saturday background color<br /> var gcSun="black"; // Sunday font color<br /> var gcSunBG="#99ccff"; // Sunday background color<br /> var gcOtherDay="silver"; // the font color of days in other months; It's of no use when giShowOther is set to hide.<br /> var gcOtherDayBG=gcCellBG; // the background color of days in other months. when giShowOther set to hiding, it'll substitute the gcOtherDay.<br /> var giShowOther=2; // control the look of days in OTHER months. 1: show date & agendas effects; 2: show selected & today effects; 4: hide days in previous month; 8: hide days in next month; 16: when set with 4 and/or 8, the days will be visible but not selectable. NOTE: values can be added up to create mixed effects.<br /> var gbFocus=true; // whether to enable the gcToggle highlight whenever mouse pointer focuses over a calendar cell.<br /> var gcToggle="yellow"; // the highlight color for the focused cell<br /> var gcFGToday="red"; // the font color for today<br /> var gcBGToday="white"; // the background color for today<br /> var guTodayBGImg=""; // url of image as today's background<br /> var giMarkToday=1+2; // Effects for today - 0: nothing; 1: set background color with gcBGToday; 2: draw a box with gcBGToday; 4: bold the font; 8: set font color with gcFGToday; 16: set background image with guTodayBGImg; - they can be added up to create mixed effects.<br /> var gsTodayTip="今天"; // tooltip for today<br /> var gcFGSelected="white"; // the font color for the selected date<br /> var gcBGSelected="#DB5141"; // the background color for the selected date<br /> var guSelectedBGImg=""; // url of image as background of the selected date<br /> var giMarkSelected=2; // Effects for selected date - 0: nothing; 1: set background color with gcBGSelected; 2: draw a box with gcBGSelected; 4: bold the font; 8: set font color with gcFGSelected; 16: set background image with guSelectedBGImg; - they can be added up to create mixed effects.<br /> var gsSelectedTip=""; // tooltip for selected dates<br /> var gbBoldAgenda=true; // whether to boldface the dates with agendas.<br /> var gbInvertBold=false; // true: invert the boldface effect set by gbBoldAgenda; false: no inverts.<br /> var gbShrink2fit=true; // whether to hide the week line if none of its day belongs to the current month.<br /> var gdSelect=[0,0,0]; // default selected date in format of [year, month, day]; [0,0,0] means no default date selected.<br /> var giFreeDiv=0; // The number of absolutely positioned layers you want to customize, they will be named as "freeDiv0", "freeDiv1"...<br /> var gAgendaMask=[-1,-1,-1,null,null,-1,null]; // [message, action, bgcolor, fgcolor, bgimg, boxit, html] - Set the relevant bit to -1 to keep the original agenda/event value of that bit intact. Any other value will be used to override the original one defined in agenda.js. Check the tutorial for details.<br /> var giResizeDelay=KO3?150:50; // delay in milliseconds before resizing the calendar panel. Calendar may have incorrect initial size if this value is too small.<br /> var gbFlatBorder=false; // flat the .CalCell css border of any agenda date by setting it to solid style. NOTE: it should always be set to false if .CalCell has no explicit border size.<br /> var gbInvertBorder=false; // true: invert the effect caused by gbFlatBorder; false: no change.<br /> var gbShareAgenda=false; // if set to true, a global agenda store will be created and used to share across calendars. Check tutorials for details.<br /> var gsAgShared="gContainer._cxp_agenda"; // shared agenda store name used when gbShareAgenda is true.<br /> var gbCacheAgenda=false; // false: will prevent the agenda url from being cached; true: cached as normal js file.<br /> var giShowInterval=250; // interval time in milliseconds that controls the auto-traverse speed.<br />

原文地址：http://www.javaeye.com/topic/332603