php が My97DatePicker_PHP を呼び出すチュートリアル

/******************* 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 = 新しい WebCalendar();

関数 document.onclick() { If(WebCalendar.eventSrc != window.event.srcElement) hiddenCalendar(); }

function WebCalendar() //カレンダー設定を初期化します { This.regInfo = "WEB カレンダー ver 3.0 閉じるショートカットキー：[Esc]";

This.dayShow = 38 //ページに表示される日数を定義します。35 未満または 39 を超えることはできません ; This.daysMonth = 新しい配列(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.this Year = new Date().getFull Year(); //年を定義する変数の初期値 ; This.thisMonth = new Date().getMonth()+ 1; //月を定義する変数の初期値 ; This.thisDay = new Date().getDate(); //日を定義する変数の初期値 This.today = this.thisDay +"/"+ this.thisMonth +"/"+ this.this Year //今日 (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().getFull Year(); 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 }

関数 writeIframe() { var strIframe = " "+ "*{font-size: 12px; font-family: 宋体}"+ ".bg{ color: "+ WebCalendar.lightColor +"; カーソル: デフォルト; 背景色: "+ WebCalendar.darkColor +";}"+ "table#tableMain{ 幅: "+ (cal_Width+2).toString() +"px; 高さ: 180px;}"+ "table#tableWeek td{ width:14%;color: "+ WebCalendar.lightColor +";}"+ "table#tableDay td{幅:14%;フォントの太さ:太字;}"+ "td#meizz YearHead, td#meizz YearMonth{color: "+ WebCalendar.wordColor +"}"+ ".out { text-align: center; border-top: 1px ソリッド "+ WebCalendar.DarkBorder +"; border-left: 1px ソリッド "+ WebCalendar.DarkBorder +";"+ "border-right: 1px ソリッド "+ WebCalendar.lightColor +"; border-bottom: 1px ソリッド "+ WebCalendar.lightColor +";}"+ ".over{ text-align: center; border-top: 1px ソリッド #FFFFFF; border-left: 1px ソリッド #FFFFFF;"+ "border-bottom: 1px ソリッド "+ WebCalendar.DarkBorder +"; border-right: 1px ソリッド "+ WebCalendar.DarkBorder +"}"+ "input{ ボーダー: 1px ソリッド "+ WebCalendar.darkColor +"; パディングトップ: 1px; 高さ: 18px; カーソル: 手;"+ " " color:"+ WebCalendar.wordColor +"; 背景色: "+ WebCalendar.btnBgColor +"}"+ " ";

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 ? "移動" : "デフォルト"; 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})$/;

試してください{ if (WebCalendar.objExport.value.trim() != ""){ WebCalendar.dateStyle = WebCalendar.objExport.value.trim().match(WebCalendar.dateReg); if (WebCalendar.dateStyle == null) { WebCalendar.this Year = new Date().getFull Year(); WebCalendar.thisMonth = new Date().getMonth()+ 1; WebCalendar.thisDay = new Date().getDate(); alert("翻訳本框里の日期有错误！n 可能性与定义的表示時間分秒有突突！"); writeCalendar(); false を返します; } それ以外 { WebCalendar.this Year = 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.this Year, 10); writeCalendar(); } } その他 { WebCalendar.this Year = new Date().getFull Year(); WebCalendar.thisMonth = new Date().getMonth()+ 1; WebCalendar.thisDay = new Date().getDate(); writeCalendar(); } } キャッチ(e) { WebCalendar.this Year = new Date().getFull Year(); 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.値 = m; //e.focus(); //window.status = e.style.left; }

function funyearSelect() //年份の下拉框 { var e = WebCalendar.iframe.document.forms[0].tmp YearSelect; var y = isNaN(parseInt(WebCalendar.this Year, 10)) ? new Date().getFull Year() : parseInt(WebCalendar.this Year); e.値 = y; //e.focus(); // if(e.value == "") // { // e.value = new Date().getFull Year(); // WebCalendar.this Year = e.value; // } }

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

http://www.bkjia.com/PHPjc/478697.html www.bkjia.com true http://www.bkjia.com/PHPjc/478697.html 技術記事 /******************* タイトル:php调用My97DatePicker 著者:insun ブログ:http://yxmhero1989.blog.163.com ************ ****/ My97DatePicker は規約日期間制御プログラムであり、php で調整できます。 公式...

php が My97DatePicker_PHP を呼び出すチュートリアル

関連記事