var meizzCalendarLayer = $("\ "); function writeIframe() { var jquerySrc = "";// $("script[src*='jquery.js']").attr("src"); meizzCalendarLayer.appendTo("body"); var strIframe = ""+ ""+ ""+ ""+ ""+ "

"; if (WebCalendar.drag) { strIframe += ""+ "var drag=false, cx=0, cy=0, o = parent.WebCalendar.calendar; " + "function docOnMouseMove(evt){"+ " if(parent.WebCalendar.drag && drag){if(o.style.left=='')o.style.left=0; if(o.style.top=='')o.style.top=0;"+ "o.style.left = parseInt(o.style.left) + window.event.clientX-cx;"+ "o.style.top = parseInt(o.style.top) + window.event.clientY-cy;}}"+ "function docOnkeydown(evt){ "+ "switch(evt.which){ "+ "case 27 : parent.hiddenCalendar(); break;"+ "case 37 : parent.prevM(); break; case 38 : parent.prevY(); break; case 39 : parent.nextM(); break; case 40 : parent.nextY(); break;"+ "case 84 : parent.$(parent.$('form').get(0).today).click(); break;} "+ "//window.event.keyCode = 0; window.event.returnValue= false;\r\nreturn false;}"+ "function docDragStart(evt){cx=window.event.clientX; cy=window.event.clientY; drag=true;}" + "parent.$(document).ready("+ "function(){"+ " parent.$(document).bind({"+ " keydown:docOnkeydown,mousemove:docOnMouseMove,dragstart:docDragStart});" + " //parent.$('#btnToday',document).bind({click:function(evt){alert('hlo');return parent.returnDate(evt,new Date());}});\r\n" + " parent.$('#btnPickTime').bind('click',function(evt){return pickTime(evt);});" + " });"+ "" } strIframe += ""+ ""+ ""+ ""+ " "+ "

"+ " "+ " "+ " "+ " "+ "

<

>

"+ "

"+ "

日

一

二

三

四

五

六

"+ "

"+ " "; for(var x=0; x<5; x++){ strIframe += ""; for(var y=0; y<7; y++) strIframe += ""; strIframe += "";} strIframe += ""; for(var x=35; x<39; x++) strIframe += ""; strIframe +="

"+ "

"+ " "+ "

"+ "

"+ "

"+ "

"+ " "+ " " + " " + " " + "

"+ " \r\n"+ " function pickTime(evt)\r\n"+ " {\r\n"+ " var pickedTime=new Date();\r\n"+ " pickedTime.setHours(document.getElementById('ddlHours').selectedIndex);\r\n"+ " pickedTime.setMinutes(document.getElementById('ddlMinutes').selectedIndex);\r\n" + " pickedTime.setSeconds(document.getElementById('ddlSeconds').selectedIndex);\r\n" + " parent.returnDate(evt,pickedTime);\r\n"+ " }\r\n"+ " function setTime(theTime)\r\n"+ " {\r\n"+ " document.getElementById('ddlHours').value=theTime.getHours();\r\n" + " document.getElementById('ddlMinutes').value=theTime.getMinutes();\r\n" + " document.getElementById('ddlSeconds').value=theTime.getSeconds();\r\n" + " }\r\n"+ " for (var i=0;i<24 ;i++ )\r\n"+ " {\r\n"+ " var op=document.createElement('option');\r\n"+ " op.text=i;\r\n"+ " op.value=i;\r\n"+ " document.getElementById('ddlHours').options.add(op);\r\n" + " }\r\n"+ " for (var i=0;i<60 ;i++ )\r\n"+ " {\r\n"+ " var op=document.createElement('option');\r\n"+ " op.text=i;\r\n"+ " op.value=i;\r\n"+ " document.getElementById('ddlMinutes').options.add(op);\r\n" + " }\r\n"+ " for (var i=0;i<60 ;i++ )\r\n"+ " {\r\n"+ " var op=document.createElement('option');\r\n"+ " op.text=i;\r\n"+ " op.value=i;\r\n"+ " document.getElementById('ddlSeconds').options.add(op);\r\n" + " }\r\n"+ " setTime(new Date(2000,0,10,"+WebCalendar.thisHours+","+WebCalendar.thisMinutes+","+WebCalendar.thisSeconds+"));\r\n"+ (WebCalendar.format.toLowerCase().indexOf("h")>-1|| WebCalendar.format.indexOf("m")>-1|| WebCalendar.format.toLowerCase().indexOf("s") > -1 ? "" : "document.getElementById('timeInput').style.display='none';\r\n") + (WebCalendar.format.toLowerCase().indexOf("y")>-1|| WebCalendar.format.indexOf("M")>-1|| WebCalendar.format.toLowerCase().indexOf("d") > -1 ? "" :"document.getElementById('btnToday').style.display='none';\r\n") + " \r\n"+ ""; WebCalendar.calendar = $("#meizzCalendarLayer").get(0); WebCalendar.iframe=$("#meizzCalendarIframe").get(0); //$(WebCalendar.iframe.document).html(strIframe); WebCalendar.iframe.contentWindow.document.writeln(strIframe); //with(WebCalendar.iframe) { // document.writeln(strIframe); WebCalendar.iframe.contentWindow.document.close(); for(var i=0; i<39; i++) { WebCalendar.dayObj[i] = $("#meizzDay" + i, WebCalendar.iframe.contentWindow.document).get(0); $(WebCalendar.dayObj[i]).bind( { mouseover: dayMouseOver, mouseout: dayMouseOut, click: returnDate }); /* WebCalendar.dayObj[i].onmouseover = dayMouseOver; WebCalendar.dayObj[i].onmouseout = dayMouseOut; WebCalendar.dayObj[i].onclick = returnDate;*/ } //} } function WebCalendar() //初始化日历的设置 { this.regInfo = "日期选择关闭的快捷键：[Esc]"; this.daysMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); this.day = new Array(39); //定义日历展示用的数组 this.dayObj = new Array(39); //定义日期展示控件数组 this.dateStyle = null; //保存格式化后日期数组 this.objExport = null; //日历回传的显示控件 this.eventSrc = null; //日历显示的触发控件 this.inputDate = null; //转化外的输入的日期(d/m/yyyy) this.thisYear = new Date().getFullYear(); //定义年的变量的初始值 this.thisMonth = new Date().getMonth()+ 1; //定义月的变量的初始值 this.thisDay = new Date().getDate(); //定义日的变量的初始值 this.today = this.thisDay +"/"+ this.thisMonth +"/"+ this.thisYear; //今天(d/m/yyyy) this.iframe = $("iframe#meizzCalendarIframe").get(0); //日历的 iframe 载体 this.calendar = $("#meizzCalendarLayer").get(0); //日历的层 this.dateReg = ""; //日历格式验证的正则式 this.yearFall = 50; //定义年下拉框的年差值 this.format = "yyyy年MM月dd日 hh:mm:ss"; //回传日期的格式 this.CNMode =0; //日期的中文模式，0：数字，1：全角数字，2：小写中文，3：大写中文 this.thisHours = new Date().getHours(); //定义小时的变量的初始值 this.thisMinutes = new Date().getMinutes(); //定义分钟的变量的初始值 this.thisSeconds = new Date().getSeconds(); //定义秒的变量的初始值 this.drag = true; //是否允许拖动 this.darkColor = "#0000D0"; //控件的暗色 this.lightColor = "#FFFFFF"; //控件的亮色 this.btnBgColor = "#E6E6FA"; //控件的按钮背景色 this.wordColor = "#000080"; //控件的文字颜色 this.wordDark = "#DCDCDC"; //控件的暗文字颜色 this.dayBgColor = "#F5F5FA"; //日期数字背景色 this.todayColor = "#FF0000"; //今天在日历上的标示背景色 this.DarkBorder = "#D4D0C8"; //日期显示的立体表达色 } var WebCalendar = new WebCalendar(); //设置显示日期信息的文本框的DataFormat属性和CNMode属性来控制日期格式 function popupCalendar(evt,srcCtrl) //主调函数 { var ele =null; if(srcCtrl) ele = srcCtrl; else ele = evt.target; //var o = WebCalendar.calendar.style; //如果是下拉按钮，需要提取source来定位文本框 var oDateTimeControl = ele; var source = ele.getAttribute('source'); if (source) { oDateTimeControl = $("td #"+source,ele.offsetParent.offsetParent).get(0); } var dateFormat,CNMode; if (oDateTimeControl != null) { dateFormat = oDateTimeControl.getAttribute('DataFormat'); CNMode = oDateTimeControl.getAttribute('CNMode'); } else { dateFormat=e.getAttribute('DataFormat'); CNMode=e.getAttribute('CNMode'); } WebCalendar.eventSrc = ele; if (oDateTimeControl != null) { WebCalendar.objExport = oDateTimeControl; } else WebCalendar.objExport = ele; if (WebCalendar.objExport.disabled) return false; else { evt.returnValue = false; //取消双击选择文本框事件 evt.cancelBubble = true; } evt.preventDefault(); evt.stopImmediatePropagation(); if(dateFormat!=null) WebCalendar.format=dateFormat; if(CNMode!=null&&CNMode.isInteger()) WebCalendar.CNMode=CNMode.toInteger(); //解析文本框中已经有的值 var existedDateTime=null; existedDateTime=WebCalendar.objExport.value.toDateTime(); if(existedDateTime==null) { existedDateTime=new Date(); } WebCalendar.thisYear = existedDateTime.getFullYear(); WebCalendar.thisMonth = existedDateTime.getMonth()+1; WebCalendar.thisDay = existedDateTime.getDate(); WebCalendar.thisHours = existedDateTime.getHours(); //定义小时的变量的初始值 WebCalendar.thisMinutes = existedDateTime.getMinutes(); //定义分钟的变量的初始值 WebCalendar.thisSeconds = existedDateTime.getSeconds(); //定义秒的变量的初始值 writeIframe(); calcPosition(WebCalendar.calendar,WebCalendar.objExport,false); //var pos= //o.left=pos.x; //o.top=pos.y; $("#tableWeek", WebCalendar.iframe.contentWindow.document).css("cursor", WebCalendar.drag ? "move" : "default"); //WebCalendar.iframe.tableWeek.style.cursor = WebCalendar.drag ? "move" : "default"; writeCalendar(); $(document).bind("click", documentClick); //thkAttachEvent(document,'click',onclick,false); return true; } function funMonthSelect(evt) //月份的下拉框 { var m = isNaN(parseInt(WebCalendar.thisMonth, 10)) ? new Date().getMonth() + 1 : parseInt(WebCalendar.thisMonth); var e = $("#tmpMonthSelect", WebCalendar.iframe.contentWindow.document).get(0) for (var i = 1; i < 13; i++) e.options.add(new Option(i + "月", i)); $(e).val(m).show().focus(); } function funYearSelect(evt) //年份的下拉框 { var n = WebCalendar.yearFall; var e = $("#tmpYearSelect", WebCalendar.iframe.contentWindow.document).get(0) var y = isNaN(parseInt(WebCalendar.thisYear, 10)) ? new Date().getFullYear() : parseInt(WebCalendar.thisYear); y = (y <= 1000)? 1000 : ((y >= 9999)? 9999 : y); var min = (y - n >= 1000) ? y - n : 1000; var max = (y + n <= 9999) ? y + n : 9999; min = (max == 9999) ? max-n*2 : min; max = (min == 1000) ? min+n*2 : max; for (var i = min; i <= max; i++) e.options.add(new Option(i +"年", i)); $(e).show().val(y).focus(); } function prevM() //往前翻月份 { WebCalendar.thisDay = 1; if (WebCalendar.thisMonth==1) { WebCalendar.thisYear--; WebCalendar.thisMonth=13; } WebCalendar.thisMonth--; writeCalendar(); } function nextM() //往后翻月份 { WebCalendar.thisDay = 1; if (WebCalendar.thisMonth==12) { WebCalendar.thisYear++; WebCalendar.thisMonth=0; } WebCalendar.thisMonth++; writeCalendar(); } function prevY(){WebCalendar.thisDay = 1; WebCalendar.thisYear--; writeCalendar();}//往前翻 Year function nextY(){WebCalendar.thisDay = 1; WebCalendar.thisYear++; writeCalendar();}//往后翻 Year function hiddenSelect(e){for(var i=e.options.length; i>-1; i--)e.options.remove(i); e.style.display="none";} function getObjectById(id){ if(document.all) return(eval("document.all."+ id)); return(eval(id)); } function hiddenCalendar() { meizzCalendarLayer.remove(); $(document).unbind("click", documentClick); /* getObjectById("meizzCalendarLayer").style.display = "none"; thkDetachEvent(document,'click',onclick,false);*/ } function appendZero(n){return(("00"+ n).substr(("00"+ n).length-2));}//日期自动补零程序 function dayMouseOver(evt) { $(this).prop("class","over").css("backgroundColor", WebCalendar.darkColor); //this.className = "over"; //this.style.backgroundColor = WebCalendar.darkColor; if (WebCalendar.day[this.id.substr(8)].split("/")[1] == WebCalendar.thisMonth) $(this).css("color", WebCalendar.lightColor); //this.style.color = WebCalendar.lightColor; } function dayMouseOut(evt) { $(this).prop("class", "out").css("backgroundColor", ""); //this.className = "out"; var d = WebCalendar.day[this.id.substr(8)], a = d.split("/"); //this.style.removeAttribute('backgroundColor'); if(a[1] == WebCalendar.thisMonth && d != WebCalendar.today) { if(WebCalendar.dateStyle && a[0] == parseInt(WebCalendar.dateStyle[4], 10)) this.style.color = WebCalendar.lightColor; this.style.color = WebCalendar.wordColor; } } function writeCalendar() //对日历显示的数据的处理程序 { var y = WebCalendar.thisYear; var m = WebCalendar.thisMonth; var d = WebCalendar.thisDay; WebCalendar.daysMonth[1] = (0==y%4 && (y%100!=0 || y%400==0)) ? 29 : 28; if (!(y<=9999 && y >= 1000 && parseInt(m, 10)>0 && parseInt(m, 10)<13 && parseInt(d, 10)>0)){ alert("对不起，你输入了错误的日期！"); WebCalendar.thisYear = new Date().getFullYear(); WebCalendar.thisMonth = new Date().getMonth()+ 1; WebCalendar.thisDay = new Date().getDate(); } y = WebCalendar.thisYear; m = WebCalendar.thisMonth; d = WebCalendar.thisDay; $("#meizzYearHead", WebCalendar.iframe.contentWindow.document).text(y + " 年"); $("#meizzYearMonth", WebCalendar.iframe.contentWindow.document).text(parseInt(m, 10) + " 月"); //WebCalendar.iframe.meizzYearMonth.innerText = parseInt(m, 10) +" 月"; WebCalendar.daysMonth[1] = (0==y%4 && (y%100!=0 || y%400==0)) ? 29 : 28; //闰年二月为29天 var w = new Date(y, m-1, 1).getDay(); var prevDays = m==1 ? WebCalendar.daysMonth[11] : WebCalendar.daysMonth[m-2]; for(var i=(w-1); i>=0; i--) //这三个 for 循环为日历赋数据源（数组 WebCalendar.day）格式是 d/m/yyyy { WebCalendar.day[i] = prevDays +"/"+ (parseInt(m, 10)-1) +"/"+ y; if(m==1) WebCalendar.day[i] = prevDays +"/"+ 12 +"/"+ (parseInt(y, 10)-1); prevDays--; } for(var i=1; i<=WebCalendar.daysMonth[m-1]; i++) WebCalendar.day[i+w-1] = i +"/"+ m +"/"+ y; for(var i=1; i<39-w-WebCalendar.daysMonth[m-1]+1; i++) { WebCalendar.day[WebCalendar.daysMonth[m-1]+w-1+i] = i +"/"+ (parseInt(m, 10)+1) +"/"+ y; if(m==12) WebCalendar.day[WebCalendar.daysMonth[m-1]+w-1+i] = i +"/"+ 1 +"/"+ (parseInt(y, 10)+1); } for(var i=0; i<39; i++) //这个循环是根据源数组写到日历里显示 { var a = WebCalendar.day[i].split("/"); $(WebCalendar.dayObj[i]).text(a[0]); WebCalendar.dayObj[i].title = a[2] +"-"+ appendZero(a[1]) +"-"+ appendZero(a[0]); WebCalendar.dayObj[i].bgColor = WebCalendar.dayBgColor; WebCalendar.dayObj[i].style.color = WebCalendar.wordColor; if ((i<10 && parseInt(WebCalendar.day[i], 10)>20) || (i>27 && parseInt(WebCalendar.day[i], 10)<12)) WebCalendar.dayObj[i].style.color = WebCalendar.wordDark; if (WebCalendar.inputDate==WebCalendar.day[i]) //设置输入框里的日期在日历上的颜色 {WebCalendar.dayObj[i].bgColor = WebCalendar.darkColor; WebCalendar.dayObj[i].style.color = WebCalendar.lightColor;} if (WebCalendar.day[i] == WebCalendar.today) //设置今天在日历上反应出来的颜色 {WebCalendar.dayObj[i].bgColor = WebCalendar.todayColor; WebCalendar.dayObj[i].style.color = WebCalendar.lightColor;} } } function returnDate(evt,d) //根据日期格式等返回用户选定的日期 { if(WebCalendar.objExport) { var returnValue; if(arguments.length==2) returnValue=arguments[1].toLocaleString(); else { var a = WebCalendar.day[this.id.substr(8)].split("/"); returnValue=a[2]+"-"+a[1]+"-"+a[0]+" "+WebCalendar.thisHours+":"+WebCalendar.thisMinutes+":"+WebCalendar.thisSeconds; } returnValue= returnValue.toDateTime(); returnValue= returnValue.toString(WebCalendar.format,WebCalendar.CNMode); var isChanged=(WebCalendar.objExport.value !=returnValue); WebCalendar.objExport.value =returnValue; if(isChanged&&WebCalendar.objExport.onchange) WebCalendar.objExport.fireEvent('onchange'); hiddenCalendar(); } } function documentClick(evt) { if (WebCalendar.eventSrc != evt.target) hiddenCalendar(); $(this).unbind("click", evt); } //$(document).ready(function () //{ // $(document).bind("click",documentClick); // //} //);