WebCalendarjs兼容ie和火狐js日历插件.docx

1、WebCalendarjs兼容ie和火狐js日历插件var cal; var isFocus=false; /是否为焦点 var pickMode = second:1, minute:2, hour:3, day:4, month:5, year:6 ; var topY=0,leftX=0; /自定义定位偏移量 2007-02-11 由 寒羽枫添加 /选择日期 由 寒羽枫 2007-06-10 添加，通过 ID 来选日期 function SelectDateById(id,strFormat,x,y) var obj = document.getElementById(id); if(o

2、bj = null)return false; obj.focus(); if(obj.onclick != null)obj.onclick(); else if(obj.click != null)obj.click(); elseSelectDate(obj,strFormat,x,y) /选择日期 由 寒羽枫 2006-06-25 添加 function SelectDate(obj,strFormat,x,y) leftX =(x = null) ? leftX : x; topY =(y = null) ? topY : y;/自定义定位偏移量 2007-02-11 由 寒羽枫添加

3、 if(document.getElementById(ContainerPanel)=null)InitContainerPanel(); var date = new Date(); var by = date.getFullYear()-50; /最小值 50 年前 var ey = date.getFullYear()+50; /最大值 50 年后 /cal = new Calendar(by, ey,1,strFormat); /初始化英文版，0 为中文版 cal = (cal=null) ? new Calendar(by, ey, 0) : cal; /不用每次都初始化 2006

4、-12-03 修正 cal.DateMode =pickModesecond; /复位 if(strFormat.indexOf(s) 0) cal.DateMode =pickModeminute;/精度为分 if(strFormat.indexOf(m) 0) cal.DateMode =pickModehour;/精度为时 if(strFormat.indexOf(h) 0) cal.DateMode =pickModeday;/精度为日 if(strFormat.indexOf(d) 0) cal.DateMode =pickModemonth;/精度为月 if(strFormat.i

5、ndexOf(M) 0) cal.DateMode =pickModeyear;/精度为年 if(strFormat.indexOf(y) 0) ? ev.indexOf(ValidatorOnChange();) + 20 : ev.indexOf() + 1) , ev.lastIndexOf();/去除验证函数 ValidatorOnChange(); var fun = new Function(ev); /重新定义函数 this.dateControl.changeEvent = fun; this.dateControl.changeEvent();/触发自定义 changeEve

6、nt 函数 /*/*/*/*/*/*/*/* * 日历类 * param beginYear 1990 * param endYear 2010 * param lang 0(中文)|1(英语) 可自由扩充 * param dateFormatStyle yyyy-MM-dd; * version 2006-04-01 * author KimSoft (jinqinghua at ) * update */ function Calendar(beginYear, endYear, lang, dateFormatStyle) this.beginYear = 1950; this.endY

7、ear = 2050; this.lang = 0; /0(中文) | 1(英文) this.dateFormatStyle = yyyy-MM-dd hh:mm:ss; if (beginYear != null & endYear != null) this.beginYear = beginYear; this.endYear = endYear; if (lang != null) this.lang = lang if (dateFormatStyle != null) this.dateFormatStyle = dateFormatStyle this.dateControl =

8、 null; this.panel = this.getElementById(calendarPanel); this.container = this.getElementById(ContainerPanel); this.form = null; this.date = new Date(); this.year = this.date.getFullYear(); this.month = this.date.getMonth(); this.day = this.date.getDate(); this.hour = this.date.getHours(); this.minut

9、e = this.date.getMinutes(); this.second = this.date.getSeconds(); this.colors = cur_word : #FFFFFF, /当日日期文字颜色 cur_bg : #00FF00, /当日日期单元格背影色 sel_bg : #FFCCCC, /已被选择的日期单元格背影色 2006-12-03 寒羽枫添加 sun_word : #FF0000, /星期天文字颜色 sat_word : #0000FF, /星期六文字颜色 td_word_light : #333333, /单元格文字颜色 td_word_dark : #CC

10、CCCC, /单元格文字暗色 td_bg_out : #EFEFEF, /单元格背影色 td_bg_over : #FFCC00, /单元格背影色 tr_word : #FFFFFF, /日历头文字颜色 tr_bg : #666666, /日历头背影色 input_border : #CCCCCC, /input控件的边框颜色 input_bg : #EFEFEF /input控件的背影色 /* /2008-01-29 放到了 show ，因为要做 pickMode 判断 this.draw(); this.bindYear(); this.bindMonth(); */ /this.chan

11、geSelect(); /this.bindData(); /2006-12-30 由民工.砖家注释 /*/*/*/*/*/*/*/* * 日历类属性（语言包，可自由扩展） */ Calendar.language = year : , , months : 一月,二月,三月,四月,五月,六月,七月,八月,九月,十月,十一月,十二月, JAN,FEB,MAR,APR,MAY,JUN,JUL,AUG,SEP,OCT,NOV,DEC , weeks : 日,一,二,三,四,五,六, SUN,MON,TUR,WED,THU,FRI,SAT , hour : 时, H, minute : 分, M,

12、second : 秒, S, clear : 清空, CLS, today : 今天, TODAY, pickTxt : 确定, OK,/pickMode 精确到年、月时把今天变成“确定” close : 关闭, CLOSE Calendar.prototype.draw = function() calendar = this; var mvAry = ; /mvArymvAry.length = ; /因 不能嵌套， 2006-12-01 由寒羽枫改用 Div mvArymvAry.length = ; mvArymvAry.length = ; mvArymvAry.length = ;

13、 mvArymvAry.length = pickModemonth)mvArymvAry.length = display:none;/pickMode 精确到年时隐藏“月” mvArymvAry.length = name=prevMonth type=button id=prevMonth value=< /; mvArymvAry.length = pickModemonth)mvArymvAry.length = display:none;/pickMode 精确到年时隐藏“月” mvArymvAry.length = ; mvArymvAry.length = pickMod

14、emonth)mvArymvAry.length = display:none;/pickMode 精确到年时隐藏“月” mvArymvAry.length = name=nextMonth type=button id=nextMonth value=> /; mvArymvAry.length = ; mvArymvAry.length = ; mvArymvAry.length = = pickModemonth)mvArymvAry.length = display:none;/pickMode 精确到年、月时隐藏“天” mvArymvAry.length = border=0 cellpadding=3 cellspacing=1; mvArymvAry.length = ; for(var i = 0; i 7; i+) mvArymvAry.length = th style=font-weight:normal;backgro