php+javascript的日历控件

PHP 2014-11-28 15:07:08 转载来源: 网络整理/侵权必删

本文是一个php+javascript的日历控件实现代码，需要的朋友可以参考下。 <html> <head> <title>js calendar</title> <script language="javascript"> /* * ----------------------------------------------------------- * * The DHTML Calendar, version 1.0 "It is happening again" * * Details and latest version at: * * This script is developed by Dynarch.com. Visit us at www.dynarch.com. * * This script is distributed under the GNU Lesser General Public License. * Read t

本文是一个php+javascript的日历控件实现代码，需要的朋友可以参考下。

<html>

<head>

<title>js calendar</title>

<script language="javascript">

/*

* -----------------------------------------------------------

*

* The DHTML Calendar, version 1.0 "It is happening again"

*

* Details and latest version at:

*

* This script is developed by Dynarch.com. Visit us at www.dynarch.com.

*

* This script is distributed under the GNU Lesser General Public License.

* Read the entire license text here: http://www.gnu.org/licenses/lgpl.html

*/

// $Id: calendar.js,v 1.51 2005/03/07 16:44:31 mishoo Exp $

/** The Calendar object constructor. */

Calendar = function (firstDayOfWeek, dateStr, onSelected, onClose) {

// member variables

this.activeDiv = null;

this.currentDateEl = null;

this.getDateStatus = null;

this.getDateToolTip = null;

this.getDateText = null;

this.timeout = null;

this.onSelected = onSelected || null;

this.onClose = onClose || null;

this.dragging = false;

this.hidden = false;

this.minYear = 1970;

this.maxYear = 2050;

this.dateFormat = Calendar._TT["DEF_DATE_FORMAT"];

this.ttDateFormat = Calendar._TT["TT_DATE_FORMAT"];

this.isPopup = true;

this.weekNumbers = true;

this.firstDayOfWeek = typeof firstDayOfWeek == "number" ? firstDayOfWeek : Calendar._FD; // 0 for Sunday, 1 for Monday, etc.

this.showsOtherMonths = false;

this.dateStr = dateStr;

this.ar_days = null;

this.showsTime = false;

this.time24 = true;

this.yearStep = 2;

this.hiliteToday = true;

this.multiple = null;

// HTML elements

this.table = null;

this.element = null;

this.tbody = null;

this.firstdayname = null;

// Combo boxes

this.monthsCombo = null;

this.yearsCombo = null;

this.hilitedMonth = null;

this.activeMonth = null;

this.hilitedYear = null;

this.activeYear = null;

// Information

this.dateClicked = false;

// one-time initializations

if (typeof Calendar._SDN == "undefined") {

// table of short day names

if (typeof Calendar._SDN_len == "undefined")

Calendar._SDN_len = 3;

var ar = new Array();

for (var i = 8; i > 0;) {

ar[--i] = Calendar._DN[i].substr(0, Calendar._SDN_len);

}

Calendar._SDN = ar;

// table of short month names

if (typeof Calendar._SMN_len == "undefined")

Calendar._SMN_len = 3;

ar = new Array();

for (var i = 12; i > 0;) {

ar[--i] = Calendar._MN[i].substr(0, Calendar._SMN_len);

}

Calendar._SMN = ar;

}

};

// ** constants

/// "static", needed for event handlers.

Calendar._C = null;

/// detect a special case of "web browser"

Calendar.is_ie = ( /msie/i.test(navigator.userAgent) &&

!/opera/i.test(navigator.userAgent) );

Calendar.is_ie5 = ( Calendar.is_ie && /msie 5.0/i.test(navigator.userAgent) );

/// detect Opera browser

Calendar.is_opera = /opera/i.test(navigator.userAgent);

/// detect KHTML-based browsers

Calendar.is_khtml = /Konqueror|Safari|KHTML/i.test(navigator.userAgent);

// BEGIN: UTILITY FUNCTIONS; beware that these might be moved into a separate

// library, at some point.

Calendar.getAbsolutePos = function(el) {

var SL = 0, ST = 0;

var is_div = /^div$/i.test(el.tagName);

if (is_div && el.scrollLeft)

SL = el.scrollLeft;

if (is_div && el.scrollTop)

ST = el.scrollTop;

var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };

if (el.offsetParent) {

var tmp = this.getAbsolutePos(el.offsetParent);

r.x += tmp.x;

r.y += tmp.y;

}

return r;

};

Calendar.isRelated = function (el, evt) {

var related = evt.relatedTarget;

if (!related) {

var type = evt.type;

if (type == "mouseover") {

related = evt.fromElement;

} else if (type == "mouseout") {

related = evt.toElement;

}

}

while (related) {

if (related == el) {

return true;

}

related = related.parentNode;

}

return false;

};

Calendar.removeClass = function(el, className) {

if (!(el && el.className)) {

return;

}

var cls = el.className.split(" ");

var ar = new Array();

for (var i = cls.length; i > 0;) {

if (cls[--i] != className) {

ar[ar.length] = cls[i];

}

}

el.className = ar.join(" ");

};

Calendar.addClass = function(el, className) {

Calendar.removeClass(el, className);

el.className += " " + className;

};

// FIXME: the following 2 functions totally suck, are useless and should be replaced immediately.

Calendar.getElement = function(ev) {

var f = Calendar.is_ie ? window.event.srcElement : ev.currentTarget;

while (f.nodeType != 1 || /^div$/i.test(f.tagName))

f = f.parentNode;

return f;

};

Calendar.getTargetElement = function(ev) {

var f = Calendar.is_ie ? window.event.srcElement : ev.target;

while (f.nodeType != 1)

f = f.parentNode;

return f;

};

Calendar.stopEvent = function(ev) {

ev || (ev = window.event);

if (Calendar.is_ie) {

ev.cancelBubble = true;

ev.returnValue = false;

} else {

ev.preventDefault();

ev.stopPropagation();

}

return false;

};

Calendar.addEvent = function(el, evname, func) {

if (el.attachEvent) { // IE

el.attachEvent("on" + evname, func);

} else if (el.addEventListener) { // Gecko / W3C

el.addEventListener(evname, func, true);

} else {

el["on" + evname] = func;

}

};

Calendar.removeEvent = function(el, evname, func) {

if (el.detachEvent) { // IE

el.detachEvent("on" + evname, func);

} else if (el.removeEventListener) { // Gecko / W3C

el.removeEventListener(evname, func, true);

} else {

el["on" + evname] = null;

}

};

Calendar.createElement = function(type, parent) {

var el = null;

if (document.createElementNS) {

// use the XHTML namespace; IE won't normally get here unless

// _they_ "fix" the DOM2 implementation.

el = document.createElementNS("http://www.w3.org/1999/xhtml", type);

} else {

el = document.createElement(type);

}

if (typeof parent != "undefined") {

parent.appendChild(el);

}

return el;

};

// END: UTILITY FUNCTIONS

// BEGIN: CALENDAR STATIC FUNCTIONS

/** Internal -- adds a set of events to make some element behave like a button. */

Calendar._add_evs = function(el) {

with (Calendar) {

addEvent(el, "mouseover", dayMouseOver);

addEvent(el, "mousedown", dayMouseDown);

addEvent(el, "mouseout", dayMouseOut);

if (is_ie) {

addEvent(el, "dblclick", dayMouseDblClick);

el.setAttribute("unselectable", true);

}

}

};

Calendar.findMonth = function(el) {

if (typeof el.month != "undefined") {

return el;

} else if (typeof el.parentNode.month != "undefined") {

return el.parentNode;

}

return null;

};

Calendar.findYear = function(el) {

if (typeof el.year != "undefined") {

return el;

} else if (typeof el.parentNode.year != "undefined") {

return el.parentNode;

}

return null;

};

Calendar.showMonthsCombo = function () {

var cal = Calendar._C;

if (!cal) {

return false;

}

var cal = cal;

var cd = cal.activeDiv;

var mc = cal.monthsCombo;

if (cal.hilitedMonth) {

Calendar.removeClass(cal.hilitedMonth, "hilite");

}

if (cal.activeMonth) {

Calendar.removeClass(cal.activeMonth, "active");

}

var mon = cal.monthsCombo.getElementsByTagName("div")[cal.date.getMonth()];

Calendar.addClass(mon, "active");

cal.activeMonth = mon;

var s = mc.style;

s.display = "block";

if (cd.navtype < 0)

s.left = cd.offsetLeft + "px";

else {

var mcw = mc.offsetWidth;

if (typeof mcw == "undefined")

// Konqueror brain-dead techniques

mcw = 50;

s.left = (cd.offsetLeft + cd.offsetWidth - mcw) + "px";

}

s.top = (cd.offsetTop + cd.offsetHeight) + "px";

};

Calendar.showYearsCombo = function (fwd) {

var cal = Calendar._C;

if (!cal) {

return false;

}

var cal = cal;

var cd = cal.activeDiv;

var yc = cal.yearsCombo;

if (cal.hilitedYear) {

Calendar.removeClass(cal.hilitedYear, "hilite");

}

if (cal.activeYear) {

Calendar.removeClass(cal.activeYear, "active");

}

cal.activeYear = null;

var Y = cal.date.getFullYear() + (fwd ? 1 : -1);

var yr = yc.firstChild;

var show = false;

for (var i = 12; i > 0; --i) {

if (Y >= cal.minYear && Y <= cal.maxYear) {

yr.innerHTML = Y;

yr.year = Y;

yr.style.display = "block";

show = true;

} else {

yr.style.display = "none";

}

yr = yr.nextSibling;

Y += fwd ? cal.yearStep : -cal.yearStep;

}

if (show) {

var s = yc.style;

s.display = "block";

if (cd.navtype < 0)

s.left = cd.offsetLeft + "px";

else {

var ycw = yc.offsetWidth;

if (typeof ycw == "undefined")

// Konqueror brain-dead techniques

ycw = 50;

s.left = (cd.offsetLeft + cd.offsetWidth - ycw) + "px";

}

s.top = (cd.offsetTop + cd.offsetHeight) + "px";

}

};

// event handlers

Calendar.tableMouseUp = function(ev) {

var cal = Calendar._C;

if (!cal) {

return false;

}

if (cal.timeout) {

clearTimeout(cal.timeout);

}

var el = cal.activeDiv;

if (!el) {

return false;

}

var target = Calendar.getTargetElement(ev);

ev || (ev = window.event);

Calendar.removeClass(el, &qu