php调用My97DatePicker

/******************* Title:php调用My97DatePicker Author:insun Blog:http://yxmhero1989.blog.163.com ****************/ My97DatePicker是款日期控件，用php可以调用她。 官方网站的教程;http://www.my97.net/dp/demo/index.htm 同样在head标签里面引用：

这样官方调用。

其实也可以偷懒。直接调用Calendar1.js 直接调用

时间 " type="text" id=" " value=" " style="width:50%;"> ====以下为Calendar1.js代码=============== /* 调用方法： */ var cal_Width = 180;//定义日历显示的宽度，至少140

document.write(" "); document.write(" "); var WebCalendar = new WebCalendar();

function document.onclick() { if(WebCalendar.eventSrc != window.event.srcElement) hiddenCalendar(); }

function WebCalendar() //初始化日历的设置 { this.regInfo = "WEB Calendar ver 3.0 关闭的快捷键：[Esc]"; this.dayShow = 38; //定义页面上要显示的天数,不能小于35,或大于39 this.daysMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); this.day = new Array(this.dayShow); //定义日历展示用的数组 this.dayObj = new Array(this.dayShow); //定义日期展示控件数组 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 = window.frames("meizzCalendarIframe"); //日历的 iframe 载体 this.calendar = getObjectById("meizzCalendarLayer"); //日历的层 this.dateReg = ""; //日历格式验证的正则式

this.yearFall = 50; //定义显示的年份下拉框的年差值，如果今年是2000年，这里设置为50，就显示1950－2050 this.format = "yyyy-mm-dd"; //回传日期的格式 this.timeShow = false; //是否返回时间 this.drag = true; //是否允许拖动 this.darkColor = "#95B7F3"; //控件的暗色 this.lightColor = "#FFFFFF"; //控件的亮色 this.btnBgColor = "#E6E6FA"; //控件的按钮背景色 this.wordColor = "#000080"; //控件的文字颜色 this.wordDark = "#DCDCDC"; //控件的暗文字颜色 this.dayBgColor = "#F5F5FA"; //日期数字背景色 this.todayColor = "#FF0000"; //今天在日历上的标示背景色 this.DarkBorder = "#D4D0C8"; //日期显示的立体表达色 this.yearOption = ""; var yearNow = new Date().getFullYear(); yearNow = (yearNow = 9999)? 9999 : yearNow); var yearMin = (yearNow - this.yearFall >= 1000) ? yearNow - this.yearFall : 1000; var yearMax = (yearNow + this.yearFall yearMin = (yearMax == 9999) ? yearMax-this.yearFall*2 : yearMin; yearMax = (yearMin == 1000) ? yearMin+this.yearFall*2 : yearMax; for (var i=yearMin; i "+i+"年 "; }

if (WebCalendar.drag){ strIframe += " "+ "var drag=false, cx=0, cy=0, o = parent.WebCalendar.calendar; function document.onmousemove(){"+ "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 document.onkeydown(){ switch(window.event.keyCode){ 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 : document.forms[0].today.click(); break;} " + "try{window.event.keyCode = 0; window.event.returnValue= false;}catch(ee){}}"+ "function dragStart(){cx=window.event.clientX; cy=window.event.clientY; drag=true;} "}

strIframe += " "+ " "+ " "+ " "+ " " onmouseover='this.bgColor=parent.WebCalendar.darkColor; this.style.color=parent.WebCalendar.lightColor'"+ " onmouseout='this.bgColor=parent.WebCalendar.lightColor; this.style.color=parent.WebCalendar.wordColor'>" + " " onchange='parent.WebCalendar.thisYear =this.value; parent.hiddenSelect(this); parent.writeCalendar();'>"; // var yearNow = new Date().getFullYear(); // yearNow = (yearNow = 9999)? 9999 : yearNow); // var yearMin = (yearNow - WebCalendar.yearFall >= 1000) ? yearNow - WebCalendar.yearFall : 1000; // var yearMax = (yearNow + WebCalendar.yearFall // yearMin = (yearMax == 9999) ? yearMax-WebCalendar.yearFall*2 : yearMin; // yearMax = (yearMin == 1000) ? yearMin+WebCalendar.yearFall*2 : yearMax; // for (var i=yearMin; i "+i+"年 ";

strIframe += WebCalendar.yearOption + " "+ " "+ " " onmouseover='this.bgColor=parent.WebCalendar.darkColor; this.style.color=parent.WebCalendar.lightColor'"+ " onmouseout='this.bgColor=parent.WebCalendar.lightColor; this.style.color=parent.WebCalendar.wordColor'>" + " " onchange='parent.WebCalendar.thisMonth=this.value; parent.hiddenSelect(this); parent.writeCalendar();'>"; for (var i=1; i "+i+"月 "; strIframe += " "+ " "+ " > "+ " "+ " if(WebCalendar.drag){strIframe += "onmousedown='dragStart()' onmouseup='drag=false' ";} strIframe += " borderColorLight='"+ WebCalendar.darkColor +"' borderColorDark='"+ WebCalendar.lightColor +"'>"+ " 日 一 二 三 四 五 六 "+ " "+ " "; for(var x=0; x strIframe += " "; for(var y=0; y strIframe += " "; strIframe += " "; } strIframe += " "; for(var x=35; x strIframe += " "; strIframe +=" " + " " type=button value='清空' onclick='parent.WebCalendar.objExport.value=\"\";parent.hiddenCalendar()'>" + " " + " " type=button value='关闭' onclick='parent.hiddenCalendar()'>" + " "+ " "+ " "+ " " onfocus='this.blur()' style='meizz:expression(this.disabled=parent.WebCalendar.thisYear==1000)'> " onfocus='this.blur()' name=prevMonth title='向前翻 1 月 快捷键：←' onclick='parent.prevM()' type=button value=' "+ " " onclick=\"parent.returnDate(new Date().getDate() +'/'+ (new Date().getMonth() +1) +'/'+ new Date().getFullYear())\">"+ " '"+ " onfocus='this.blur()'> >'"+ " onfocus='this.blur()' style='meizz:expression(this.disabled=parent.WebCalendar.thisYear==9999)'> "+ " "; with(WebCalendar.iframe) { document.writeln(strIframe); document.close(); for(var i=0; i { WebCalendar.dayObj[i] = eval("meizzDay"+ i); WebCalendar.dayObj[i].onmouseover = dayMouseOver; WebCalendar.dayObj[i].onmouseout = dayMouseOut; WebCalendar.dayObj[i].onclick = returnDate; } } }

function calendar() //主调函数 { var e = window.event.srcElement; writeIframe(); var o = WebCalendar.calendar.style; WebCalendar.eventSrc = e; if (arguments.length == 0) WebCalendar.objExport = e; else WebCalendar.objExport = eval(arguments[0]);

WebCalendar.iframe.tableWeek.style.cursor = WebCalendar.drag ? "move" : "default"; var t = e.offsetTop, h = e.clientHeight, l = e.offsetLeft, p = e.type; while (e = e.offsetParent){t += e.offsetTop; l += e.offsetLeft;} o.display = ""; WebCalendar.iframe.document.body.focus(); var cw = WebCalendar.calendar.clientWidth, ch = WebCalendar.calendar.clientHeight; var dw = document.body.clientWidth, dl = document.body.scrollLeft, dt = document.body.scrollTop; if (document.body.clientHeight + dt - t - h >= ch) o.top = (p=="image")? t + h : t + h + 6; else o.top = (t - dt if (dw + dl - l >= cw) o.left = l; else o.left = (dw >= cw) ? dw - cw + dl : dl;

if (!WebCalendar.timeShow) WebCalendar.dateReg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; else WebCalendar.dateReg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;

try{ if (WebCalendar.objExport.value.trim() != ""){ WebCalendar.dateStyle = WebCalendar.objExport.value.trim().match(WebCalendar.dateReg); if (WebCalendar.dateStyle == null) { WebCalendar.thisYear = new Date().getFullYear(); WebCalendar.thisMonth = new Date().getMonth()+ 1; WebCalendar.thisDay = new Date().getDate(); alert("原文本框里的日期有错误！\n可能与你定义的显示时分秒有冲突！"); writeCalendar(); return false; } else { WebCalendar.thisYear = parseInt(WebCalendar.dateStyle[1], 10); WebCalendar.thisMonth = parseInt(WebCalendar.dateStyle[3], 10); WebCalendar.thisDay = parseInt(WebCalendar.dateStyle[4], 10); WebCalendar.inputDate = parseInt(WebCalendar.thisDay, 10) +"/"+ parseInt(WebCalendar.thisMonth, 10) +"/"+ parseInt(WebCalendar.thisYear, 10); writeCalendar(); } } else { WebCalendar.thisYear = new Date().getFullYear(); WebCalendar.thisMonth = new Date().getMonth()+ 1; WebCalendar.thisDay = new Date().getDate(); writeCalendar(); } } catch(e) { WebCalendar.thisYear = new Date().getFullYear(); WebCalendar.thisMonth = new Date().getMonth()+ 1; WebCalendar.thisDay = new Date().getDate(); writeCalendar(); } }

function funMonthSelect() //月份的下拉框 { var m = isNaN(parseInt(WebCalendar.thisMonth, 10)) ? new Date().getMonth() + 1 : parseInt(WebCalendar.thisMonth); var e = WebCalendar.iframe.document.forms[0].tmpMonthSelect; e.value = m; //e.focus(); //window.status = e.style.left; }

function funYearSelect() //年份的下拉框 { var e = WebCalendar.iframe.document.forms[0].tmpYearSelect; var y = isNaN(parseInt(WebCalendar.thisYear, 10)) ? new Date().getFullYear() : parseInt(WebCalendar.thisYear); e.value = y; //e.focus(); // if(e.value == "") // { // e.value = new Date().getFullYear(); // WebCalendar.thisYear = e.value; // } }

function prevM() //往前翻月份 { WebCalendar.thisDay = 1; if (WebCalendar.thisMonth==1) { WebCalendar.thisYear--; WebCalendar.thisMonth=13; } WebCalendar.thisMonth--; writeCalendar(); }

php调用My97DatePicker

関連記事