日期组件

    技术2022-05-19  20

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1"> <script language="JavaScript" type="text/javascript"> 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(obj == null){return false;}obj.focus();if(obj.onclick != null){obj.onclick();}else if(obj.click != null){obj.click();}else{SelectDate(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 由 寒羽枫添加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-12-03 修正cal.DateMode =pickMode["second"]; //复位if(strFormat.indexOf('s')< 0) {cal.DateMode =pickMode["minute"];}//精度为分if(strFormat.indexOf('m')< 0) {cal.DateMode =pickMode["hour"];}//精度为时if(strFormat.indexOf('h')< 0) {cal.DateMode =pickMode["day"];}//精度为日if(strFormat.indexOf('d')< 0) {cal.DateMode =pickMode["month"];}//精度为月if(strFormat.indexOf('M')< 0) {cal.DateMode =pickMode["year"];}//精度为年if(strFormat.indexOf('y')< 0) {cal.DateMode =pickMode["second"];}//默认精度为秒cal.dateFormatStyleOld = cal.dateFormatStyle;cal.dateFormatStyle = strFormat;cal.show(obj);}/**//**//**//**//**//**//**//*** 返回日期* @param d the delimiter* @param p the pattern of your date2006-06-25 由 寒羽枫 修改为根据用户指定的 style 来确定;*/String.prototype.toDate = function(style) {var y = this.substring(style.indexOf('y'),style.lastIndexOf('y')+1);//年var M = this.substring(style.indexOf('M'),style.lastIndexOf('M')+1);//月var d = this.substring(style.indexOf('d'),style.lastIndexOf('d')+1);//日var h = this.substring(style.indexOf('h'),style.lastIndexOf('h')+1);//时var m = this.substring(style.indexOf('m'),style.lastIndexOf('m')+1);//分var s = this.substring(style.indexOf('s'),style.lastIndexOf('s')+1);//秒if(s == null ||s == "" || isNaN(s)) {s = new Date().getSeconds();}if(m == null ||m == "" || isNaN(m)) {m = new Date().getMinutes();}if(h == null ||h == "" || isNaN(h)) {h = new Date().getHours();}if(d == null ||d == "" || isNaN(d)) {d = new Date().getDate();}if(M == null ||M == "" || isNaN(M)) {M = new Date().getMonth()+1;}if(y == null ||y == "" || isNaN(y)) {y = new Date().getFullYear();}var dt ;eval ("dt = new Date('"+ y+"', '"+(M-1)+"','"+ d+"','"+ h+"','"+ m+"','"+ s +"')");return dt;}/**//**//**//**//**//**//**//*** 格式化日期* @param d the delimiter* @param p the pattern of your date* @author meizz*/Date.prototype.format = function(style) {var o = {"M+" : this.getMonth() + 1, //month"d+" : this.getDate(), //day"h+" : this.getHours(), //hour"m+" : this.getMinutes(), //minute"s+" : this.getSeconds(), //second"w+" : "天一二三四五六".charAt(this.getDay()), //week"q+" : Math.floor((this.getMonth() + 3) / 3), //quarter"S" : this.getMilliseconds() //millisecond}if(/(y+)/.test(style)) {style = style.replace(RegExp.$1,(this.getFullYear() + "").substr(4 - RegExp.$1.length));}for(var k in o){if(new RegExp("("+ k +")").test(style)){style = style.replace(RegExp.$1,RegExp.$1.length == 1 ? o[k] :("00" + o[k]).substr(("" + o[k]).length));}}return style;}//2007-09-14 由寒羽枫添加返回所选日期Calendar.prototype.ReturnDate = function(dt) {if (this.dateControl != null){this.dateControl.value = dt;}calendar.hide();if(this.dateControl.onchange == null){return;}//将 onchange 转成其它函数,以免触发验证事件var ev = this.dateControl.onchange.toString(); //找出函数的字串ev = ev.substring(((ev.indexOf("ValidatorOnChange();")> 0) ? ev.indexOf("ValidatorOnChange();") + 20 : ev.indexOf("{") + 1), ev.lastIndexOf("}"));//去除验证函数 ValidatorOnChange();var fun = new Function(ev); //重新定义函数this.dateControl.changeEvent = fun;this.dateControl.changeEvent();//触发自定义 changeEvent 函数}/**//**//**//**//**//**//**//*** 日历类* @param beginYear 1990* @param endYear 2010* @param lang 0(中文)|1(英语) 可自由扩充* @param dateFormatStyle "yyyy-MM-dd";* @version 2006-04-01* @author KimSoft (jinqinghua [at] gmail.com)* @update*/function Calendar(beginYear, endYear, lang, dateFormatStyle) {this.beginYear = 1950;this.endYear = 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 = 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.minute = 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" : "#CCCCCC", //单元格文字暗色"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.changeSelect();//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"]],"second" : [["秒"], ["S"]],"clear" : [["清空"], ["CLS"]],"today" : [["今天"], ["TODAY"]],"pickTxt" : [["确定"], ["OK"]],//pickMode 精确到年、月时把今天变成“确定”"close" : [["关闭"], ["CLOSE"]]}Calendar.prototype.draw = function() {calendar = this;var mvAry = [];//mvAry[mvAry.length] = ' <form name="calendarForm" style="margin: 0px;">'; //因 <form> 不能嵌套, 2006-12-01 由寒羽枫改用 DivmvAry[mvAry.length] = ' <div name="calendarForm" style="margin: 0px;">';mvAry[mvAry.length] = ' <table width="100%" border="0" cellpadding="0" cellspacing="1" style="font-size:12px;">';mvAry[mvAry.length] = ' <tr>';mvAry[mvAry.length] = ' <th align="left" width="1%"><input style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:16px;height:20px;';if(calendar.DateMode > pickMode["month"]){mvAry[mvAry.length] = 'display:none;';}//pickMode 精确到年时隐藏“月”mvAry[mvAry.length] ='" name="prevMonth" type="button" id="prevMonth" value="<" /></th>';mvAry[mvAry.length] = ' <th align="center" width="98%" nowrap="nowrap"><select name="calendarYear" id="calendarYear" style="font-size:12px;"></select><select name="calendarMonth" id="calendarMonth" style="font-size:12px;';if(calendar.DateMode > pickMode["month"]){mvAry[mvAry.length] = 'display:none;';}//pickMode 精确到年时隐藏“月”mvAry[mvAry.length] = '"></select></th>';mvAry[mvAry.length] = ' <th align="right" width="1%"><input style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:16px;height:20px;';if(calendar.DateMode > pickMode["month"]){mvAry[mvAry.length] = 'display:none;';}//pickMode 精确到年时隐藏“月”mvAry[mvAry.length] ='" name="nextMonth" type="button" id="nextMonth" value=">" /></th>';mvAry[mvAry.length] = ' </tr>';mvAry[mvAry.length] = ' </table>';mvAry[mvAry.length] = ' <table id="calendarTable" width="100%" style="border:0px solid #CCCCCC;background-color:#FFFFFF;font-size:12px;';if(calendar.DateMode >= pickMode["month"]){mvAry[mvAry.length] = 'display:none;';}//pickMode 精确到年、月时隐藏“天”mvAry[mvAry.length] = '" border="0" cellpadding="3" cellspacing="1">';mvAry[mvAry.length] = ' <tr>';for(var i = 0; i < 7; i++) {mvAry[mvAry.length] = ' <th style="font-weight:normal;background-color:' + calendar.colors["tr_bg"] + ';color:' + calendar.colors["tr_word"] + ';">' + Calendar.language["weeks"][this.lang][i] + '</th>';}mvAry[mvAry.length] = ' </tr>';for(var i = 0; i < 6;i++){mvAry[mvAry.length] = ' <tr align="center">';for(var j = 0; j < 7; j++) {if (j == 0){mvAry[mvAry.length] = ' <td style="cursor:default;color:' + calendar.colors["sun_word"] + ';"></td>';} else if(j == 6) {mvAry[mvAry.length] = ' <td style="cursor:default;color:' + calendar.colors["sat_word"] + ';"></td>';} else {mvAry[mvAry.length] = ' <td style="cursor:default;"></td>';}}mvAry[mvAry.length] = ' </tr>';}//2009-03-03 添加的代码,放置时间的行mvAry[mvAry.length] = ' <tr style="';if(calendar.DateMode >= pickMode["day"]){mvAry[mvAry.length] = 'display:none;';}//pickMode 精确到时日隐藏“时间”mvAry[mvAry.length] = '"><td align="center" colspan="7">';mvAry[mvAry.length] = ' <select name="calendarHour" id="calendarHour" style="font-size:12px;"></select>' + Calendar.language["hour"][this.lang];mvAry[mvAry.length] = '<span style="'if(calendar.DateMode >= pickMode["hour"]){mvAry[mvAry.length] = 'display:none;';}//pickMode 精确到小时时隐藏“分”mvAry[mvAry.length] = '"><select name="calendarMinute" id="calendarMinute" style="font-size:12px;"></select>' + Calendar.language["minute"][this.lang]+'</span>';mvAry[mvAry.length] = '<span style="'if(calendar.DateMode >= pickMode["minute"]){mvAry[mvAry.length] = 'display:none;';}//pickMode 精确到小时、分时隐藏“秒”mvAry[mvAry.length] = '"><select name="calendarSecond" id="calendarSecond" style="font-size:12px;"></select>'+ Calendar.language["second"][this.lang]+'</span>';mvAry[mvAry.length] = ' </td></tr>';mvAry[mvAry.length] = ' </table>';//mvAry[mvAry.length] = ' </from>';mvAry[mvAry.length] = ' <div align="center" style="padding:4px 4px 4px 4px;background-color:' + calendar.colors["input_bg"] + ';">';mvAry[mvAry.length] = ' <input name="calendarClear" type="button" id="calendarClear" value="' + Calendar.language["clear"][this.lang] + '" style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:40px;height:20px;font-size:12px;cursor:pointer;"/>';mvAry[mvAry.length] = ' <input name="calendarToday" type="button" id="calendarToday" value="'mvAry[mvAry.length] = (calendar.DateMode == pickMode["day"]) ? Calendar.language["today"][this.lang] : Calendar.language["pickTxt"][this.lang];mvAry[mvAry.length] = '" style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:60px;height:20px;font-size:12px;cursor:pointer"/>';mvAry[mvAry.length] = ' <input name="calendarClose" type="button" id="calendarClose" value="' + Calendar.language["close"][this.lang] + '" style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:40px;height:20px;font-size:12px;cursor:pointer"/>';mvAry[mvAry.length] = ' </div>';mvAry[mvAry.length] = ' </div>';this.panel.innerHTML = mvAry.join("");/**//**//**//******** 以下代码由寒羽枫 2006-12-01 添加 **********/var obj = this.getElementById("prevMonth");obj.onclick = function () {calendar.goPrevMonth(calendar);}obj.onblur = function () {calendar.onblur();}this.prevMonth= obj;obj = this.getElementById("nextMonth");obj.onclick = function () {calendar.goNextMonth(calendar);}obj.onblur = function () {calendar.onblur();}this.nextMonth= obj;obj = this.getElementById("calendarClear");obj.onclick = function (){ calendar.ReturnDate(""); /*calendar.dateControl.value = "";calendar.hide();*///2007-09-14 由寒羽枫注释}this.calendarClear = obj;obj = this.getElementById("calendarClose");obj.onclick = function () {calendar.hide();}this.calendarClose = obj;obj = this.getElementById("calendarYear");obj.onchange = function () {calendar.update(calendar);}obj.onblur = function () {calendar.onblur();}this.calendarYear = obj;obj = this.getElementById("calendarMonth");with(obj){onchange = function () {calendar.update(calendar);}onblur = function () {calendar.onblur();}}this.calendarMonth = obj;obj = this.getElementById("calendarHour");obj.onchange = function () {calendar.hour = this.options[this.selectedIndex].value;}obj.onblur = function () {calendar.onblur();}this.calendarHour = obj;obj = this.getElementById("calendarMinute");obj.onchange = function () {calendar.minute = this.options[this.selectedIndex].value;}obj.onblur = function () {calendar.onblur();}this.calendarMinute = obj;obj = this.getElementById("calendarSecond");obj.onchange = function () {calendar.second = this.options[this.selectedIndex].value;}obj.onblur = function () {calendar.onblur();}this.calendarSecond = obj;obj = this.getElementById("calendarToday");obj.onclick = function () {var today = (calendar.DateMode != pickMode["day"]) ?new Date(calendar.year,calendar.month,calendar.day,calendar.hour,calendar.minute,calendar.second): new Date();//2008-01-29calendar.ReturnDate(today.format(calendar.dateFormatStyle));}this.calendarToday = obj;}//年份下拉框绑定数据Calendar.prototype.bindYear = function() {var cy = this.calendarYear;//2006-12-01 由寒羽枫修改cy.length = 0;for (var i = this.beginYear; i <= this.endYear; i++){cy.options[cy.length] = new Option(i + Calendar.language["year"][this.lang], i);}}//月份下拉框绑定数据Calendar.prototype.bindMonth = function() {var cm = this.calendarMonth;//2006-12-01 由寒羽枫修改cm.length = 0;for (var i = 0; i < 12; i++){cm.options[cm.length] = new Option(Calendar.language["months"][this.lang][i], i);}}//小时下拉框绑定数据Calendar.prototype.bindHour = function() {var ch = this.calendarHour;if(ch.length > 0){return;}//2009-03-03 不需要重新绑定,提高性能//ch.length = 0;var h;for (var i = 0; i < 24; i++){h = ("00" + i +"").substr(("" + i).length);ch.options[ch.length] = new Option(h, h);}}//分钟下拉框绑定数据Calendar.prototype.bindMinute = function() {var cM = this.calendarMinute;if(cM.length > 0){return;}//2009-03-03 不需要重新绑定,提高性能//cM.length = 0;var M;for (var i = 0; i < 60; i++){M = ("00" + i +"").substr(("" + i).length);cM.options[cM.length] = new Option(M, M);}}//秒钟下拉框绑定数据Calendar.prototype.bindSecond = function() {var cs = this.calendarSecond;if(cs.length > 0){return;}//2009-03-03 不需要重新绑定,提高性能//cs.length = 0;var s;for (var i = 0; i < 60; i++){s = ("00" + i +"").substr(("" + i).length);cs.options[cs.length] = new Option(s, s);}}//向前一月Calendar.prototype.goPrevMonth = function(e){if (this.year == this.beginYear && this.month == 0){return;}this.month--;if (this.month == -1) {this.year--;this.month = 11;}this.date = new Date(this.year, this.month, 1);this.changeSelect();this.bindData();}//向后一月Calendar.prototype.goNextMonth = function(e){if (this.year == this.endYear && this.month == 11){return;}this.month++;if (this.month == 12) {this.year++;this.month = 0;}this.date = new Date(this.year, this.month, 1);this.changeSelect();this.bindData();}//改变SELECT选中状态Calendar.prototype.changeSelect = function() {var cy = this.calendarYear;//2006-12-01 由寒羽枫修改var cm = this.calendarMonth;var ch = this.calendarHour;var cM = this.calendarMinute;var cs = this.calendarSecond;//2006-12-30 由民工.砖家修改,减少运算次数cy[this.date.getFullYear()-this.beginYear].selected = true;cm[this.date.getMonth()].selected =true;//2009-03-03 添加,初始化时间的值ch[this.hour].selected =true;cM[this.minute].selected =true;cs[this.second].selected =true;}//更新年、月Calendar.prototype.update = function (e){this.year = e.calendarYear.options[e.calendarYear.selectedIndex].value;//2006-12-01 由寒羽枫修改this.month = e.calendarMonth.options[e.calendarMonth.selectedIndex].value;this.date = new Date(this.year, this.month, 1);//this.changeSelect();this.bindData();}//绑定数据到月视图Calendar.prototype.bindData = function () {var calendar = this;if(calendar.DateMode >= pickMode["month"]){return;}//2008-01-29// var dateArray = this.getMonthViewArray(this.date.getYear(), this.date.getMonth());//2006-12-30 由民工.砖家修改 在Firefox 下年份错误var dateArray = this.getMonthViewArray(this.date.getFullYear(), this.date.getMonth());var tds = this.getElementById("calendarTable").getElementsByTagName("td");for(var i = 0; i < tds.length; i++) {tds[i].style.backgroundColor = calendar.colors["td_bg_out"];tds[i].onclick = function () {return;}tds[i].onmouseover = function () {return;}tds[i].onmouseout = function () {return;}if (i > dateArray.length - 1) break;tds[i].innerHTML = dateArray[i];if (dateArray[i] != " "){tds[i].bgColorTxt = "td_bg_out"; //2009-03-03 保存背景色的classvar cur = new Date();tds[i].isToday = false;if (cur.getFullYear() == calendar.date.getFullYear() && cur.getMonth() == calendar.date.getMonth() && cur.getDate() == dateArray[i]) {//是今天的单元格tds[i].style.backgroundColor = calendar.colors["cur_bg"];tds[i].bgColorTxt = "cur_bg";tds[i].isToday = true;}if(calendar.dateControl != null ){cur = calendar.dateControl.value.toDate(calendar.dateFormatStyle);if (cur.getFullYear() == calendar.date.getFullYear() && cur.getMonth() == calendar.date.getMonth()&& cur.getDate() == dateArray[i]) {//是已被选中的单元格calendar.selectedDayTD = tds[i];tds[i].style.backgroundColor = calendar.colors["sel_bg"];tds[i].bgColorTxt = "sel_bg";}}tds[i].onclick = function () {if(calendar.DateMode == pickMode["day"]) //2009-03-03 当选择日期时,点击格子即返回值{calendar.ReturnDate(new Date(calendar.date.getFullYear(),calendar.date.getMonth(),this.innerHTML).format(calendar.dateFormatStyle));}else{if(calendar.selectedDayTD != null) //2009-03-03 清除已选中的背景色{calendar.selectedDayTD.style.backgroundColor =(calendar.selectedDayTD.isToday)? calendar.colors["cur_bg"] : calendar.colors["td_bg_out"];}this.style.backgroundColor = calendar.colors["sel_bg"];calendar.day = this.innerHTML;calendar.selectedDayTD = this; //2009-03-03 记录已选中的日子}}tds[i].style.cursor ="pointer"; //2007-08-06 由寒羽枫添加,鼠标变成手指状tds[i].onmouseover = function () {this.style.backgroundColor = calendar.colors["td_bg_over"];}tds[i].onmouseout = function () {if(calendar.selectedDayTD != this) {this.style.backgroundColor = calendar.colors[this.bgColorTxt];}}tds[i].onblur = function () {calendar.onblur();}}}}//根据年、月得到月视图数据(数组形式)Calendar.prototype.getMonthViewArray = function (y, m) {var mvArray = [];var dayOfFirstDay = new Date(y, m, 1).getDay();var daysOfMonth = new Date(y, m + 1, 0).getDate();for (var i = 0; i < 42; i++) {mvArray[i] = " ";}for (var i = 0; i < daysOfMonth; i++){mvArray[i + dayOfFirstDay] = i + 1;}return mvArray;}//扩展 document.getElementById(id) 多浏览器兼容性 from meizz tree sourceCalendar.prototype.getElementById = function(id){if (typeof(id) != "string" || id == "") return null;if (document.getElementById) return document.getElementById(id);if (document.all) return document.all(id);try {return eval(id);} catch(e){ return null;}}//扩展 object.getElementsByTagName(tagName)Calendar.prototype.getElementsByTagName = function(object, tagName){if (document.getElementsByTagName) return document.getElementsByTagName(tagName);if (document.all) return document.all.tags(tagName);}//取得HTML控件绝对位置Calendar.prototype.getAbsPoint = function (e){var x = e.offsetLeft;var y = e.offsetTop;while(e = e.offsetParent){x += e.offsetLeft;y += e.offsetTop;}return {"x": x, "y": y};}//显示日历Calendar.prototype.show = function (dateObj, popControl) {if (dateObj == null){throw new Error("arguments[0] is necessary")}this.dateControl = dateObj;var now = new Date();this.date = (dateObj.value.length > 0) ? new Date(dateObj.value.toDate(this.dateFormatStyle)) : now.format(this.dateFormatStyle).toDate(this.dateFormatStyle) ;//2008-01-29 寒羽枫添加 → 若为空则根据dateFormatStyle初始化日期if(this.panel.innerHTML==""||cal.dateFormatStyleOld != cal.dateFormatStyle)//2008-01-29 把构造表格放在此处,2009-03-03 若请示的样式改变,则重新初始化{this.draw();this.bindYear();this.bindMonth();this.bindHour();this.bindMinute();this.bindSecond();}this.year = this.date.getFullYear();this.month = this.date.getMonth();this.day = this.date.getDate();this.hour = this.date.getHours();this.minute = this.date.getMinutes();this.second = this.date.getSeconds();this.changeSelect();this.bindData();if (popControl == null){popControl = dateObj;}var xy = this.getAbsPoint(popControl);//this.panel.style.left = xy.x + "px";//this.panel.style.top = (xy.y + dateObj.offsetHeight) + "px";this.panel.style.left = (xy.x + leftX)+ "px"; //由寒羽枫 2007-02-11 修改 → 加入自定义偏移量this.panel.style.top = (xy.y + topY + dateObj.offsetHeight) + "px";//由寒羽枫 2006-06-25 修改 → 把 visibility 变为 display,并添加失去焦点的事件 //this.setDisplayStyle("select", "hidden");//this.panel.style.visibility = "visible";//this.container.style.visibility = "visible";this.panel.style.display = "";this.container.style.display = "";if( !this.dateControl.isTransEvent){this.dateControl.isTransEvent = true;/* 已写在返回值的时候 ReturnDate 函数中,去除验证事件的函数this.dateControl.changeEvent = this.dateControl.onchange;//将 onchange 转成其它函数,以免触发验证事件this.dateControl.onchange = function(){if(typeof(this.changeEvent) =='function'){this.changeEvent();}}*/if(this.dateControl.onblur != null){this.dateControl.blurEvent = this.dateControl.onblur;}//2007-09-14 保存主文本框的 onblur ,使其原本的事件不被覆盖this.dateControl.onblur = function(){calendar.onblur();if(typeof(this.blurEvent) =='function'){this.blurEvent();}}}this.container.onmouseover = function(){isFocus=true;}this.container.onmouseout = function(){isFocus=false;}}//隐藏日历Calendar.prototype.hide = function() {//this.setDisplayStyle("select", "visible");//this.panel.style.visibility = "hidden";//this.container.style.visibility = "hidden";this.panel.style.display = "none";this.container.style.display = "none";isFocus=false;}//焦点转移时隐藏日历 → 由寒羽枫 2006-06-25 添加Calendar.prototype.onblur = function() {if(!isFocus){this.hide();}}//以下由寒羽枫 2007-07-26 修改 → 确保日历容器节点在 body 最后,否则 FireFox 中不能出现在最上方function InitContainerPanel() //初始化容器{var str = '<div id="calendarPanel" style="position: absolute;display: none;z-index:9999; background-color: #FFFFFF;border: 1px solid #CCCCCC;width:175px;font-size:12px;"></div>';if(document.all){str += '<iframe style="position:absolute;z-index:2000;width:expression(this.previousSibling.offsetWidth);';str += 'height:expression(this.previousSibling.offsetHeight);';str += 'left:expression(this.previousSibling.offsetLeft);top:expression(this.previousSibling.offsetTop);';str += 'display:expression(this.previousSibling.style.display);" scrolling="no" frameborder="no"></iframe>';}var div = document.createElement("div");div.innerHTML = str;div.id = "ContainerPanel";div.style.display ="none";document.body.appendChild(div);}//调用calendar.show(dateControl, popControl);//--></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body><form name="form1" method="post" action="WebForm1.aspx" id="form1"><input type="text" value="" maxlength="100" id="Txt_CreateDateST01" οnclick="SelectDate(this,'yyyy 年')" readonly="true" style="width:265px;cursor:pointer" /><br /><input type="text" value="" maxlength="100" id="Txt_CreateDateST02" οnclick="SelectDate(this,'yyyy 年 MM 月')" readonly="true" style="width:265px;cursor:pointer" /><br /><input type="text" value="" maxlength="100" id="Txt_CreateDateST03" οnclick="SelectDate(this,'yyyy//MM//dd')" readonly="true" style="width:265px;cursor:pointer" /><br /><input type="text" value="" maxlength="100" id="Text1" οnclick="SelectDate(this,'yyyy-MM-dd hh时')" readonly="true" style="width:265px;cursor:pointer" /><br />aa<input type="text" value="" maxlength="100" id="Text3" οnclick="SelectDate(this,'yyyy-MM-dd hh:mm',1,-255)" readonly="true" style="width:265px;cursor:pointer" /><br /><input type="text" value="" maxlength="100" id="Text4" οnclick="SelectDate(this,'yyyy年MM月dd日 hh时mm分ss秒',0,0)" readonly="true" style="width:265px;cursor:pointer" /><br /></form></body></html></html>

     


    最新回复(0)