date.js

能够实现宾馆管理的基本功能。 例如删除

<!--
String.prototype.Format = function(){
	var tmpStr = this;
	var iLen = arguments.length;
	for(var i=0;i<iLen;i++){
		tmpStr = tmpStr.replace(new RegExp("\\{" + i + "\\}", "g"), arguments[i]);
	}
	return tmpStr;
}
Calendar = {
	//region Property
	today:new Date(),
	year:2005,
	month:8,
	date:21,
	curPosX:0,
	curPosY:0,
	curCapture:null,
	curDay:null,	
	//endregion

	//region Method
	display		:
		function(o, e, d){
			with(Calendar){
				o = typeof(o) == "object" ? o : document.getElementById(o);
				if(window.event){
					curPosX = document.body.scrollLeft + event.x;
					curPosY = document.body.scrollTop + event.y;
				} else{
					curPosX = e.pageX;
					curPosY = e.pageY;
				}
				if(o.value == "" && d) o.value = d;
				with(document.getElementById("Calendar_")){
					if(o != curCapture) {
						curCapture = o;
						if(style.display == "block"){
							style.left = curPosX + "px";
							style.top = curPosY + "px";
						}
						else load();
					}
					else{
						if (style.display == "block") style.display = "none";
						else load();
					} 
				}
			}
		},
	load			:
		function(){
			with(Calendar){
				curDay = loadDate(curCapture.value);
				with(curDay){
					year = getFullYear();
					month = getMonth() + 1;
					date = 	getDate();
				}
				init();
			}
		},
	init			:
		function(){
			with(Calendar){
				with(new Date(year, month-1, date)){
					year = getFullYear();
					month = getMonth() + 1;
					date = 	 getDate();
					setDate(1);
					var first = getDay();
					setMonth(getMonth()+1, 0)
					paint(first, getDate());
				}
			}
		},
	paint			:
		function(first, last){
			var calendar = document.getElementById("Calendar_");
			var grid = document.getElementById("dataGrid_");
			var i, l;
			l = Math.ceil((first + last)/7);
			if(!document.all){
				calendar.style.height = (41 + 19 * Math.ceil((first + last)/7)) + "px";
			}
			grid.innerHTML = new Array(l*7 + 1).join("<li><a></a></li>");
			with(Calendar){
				var strDate = "{0}-{1}".Format(year, month);
				var isTodayMonth = ((year == today.getFullYear()) && (month == today.getMonth() + 1));
				var isCurdayMonth = ((year == curDay.getFullYear()) && (month == curDay.getMonth() + 1));
				var todayDate = today.getDate();
				for(i=0;i<last;i++){
					grid.childNodes[first + i].innerHTML = '<a href="{2}-{1}"{0} onclick="Calendar.setValue({1});return false">{1}</a>'.Format(((i+1) == todayDate && isTodayMonth) ? ' class="today"' : isCurdayMonth && (i+1) == curDay.getDate()?' class="curDay"':'', i + 1, strDate);
				}
var dateText_html='<table width=100%>'
dateText_html+='<tr>'
dateText_html+='<td align=left><a href="' + (year-1) + '年" onclick="Calendar.turn(-12);return false" title="上一年"><<</a></td>'
dateText_html+='<td align=right><a href="上一月" onclick="Calendar.turn(-1);return false" title="上一月"><</a></td>'
dateText_html+='<td align=center>' + year + " - " + month + '</td>'
dateText_html+='<td align=left><a href="下一月" onclick="Calendar.turn(1);return false" title="下一月">></a></td>'
dateText_html+='<td align=right><a href="' + (year+1) + '年" onclick="Calendar.turn(12);return false" title="下一年">>></a></td>'
dateText_html+='</tr>'
dateText_html+='</table>'
document.getElementById("dateText_").innerHTML = dateText_html;
				with(calendar){
					style.left = Calendar.curPosX + "px";
					style.top = Calendar.curPosY + "px";
					style.display = "block";
				}
			}
		},
	turn			:
		function(num){
			Calendar.month +=  num;
			Calendar.date = 1;
			Calendar.init();
		},
	setValue		:
		function(val){
			with(Calendar){
				curCapture.value = "{0}-{1}-{2}".Format(year, month, val);
				document.getElementById("Calendar_").style.display = "none";
			}
		},
	loadDate		:
		function(op, formatString){
			formatString = formatString || "ymd";
			var m, year, month, day;
			switch(formatString){
				case "ymd" :
					m = op.match(new RegExp("^((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})$"));
					if(m == null ) return new Date();
					day = m[6];
					month = m[5]*1;
					year =  (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10));
					break;
				case "dmy" :
					m = op.match(new RegExp("^(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))$"));
					if(m == null ) return new Date();
					day = m[1];
					month = m[3]*1;
					year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10));
					break;
				default :
					break;
			}
			if(!parseInt(month)) return new Date();
			month = month==0 ?12:month;
			var date = new Date(year, month-1, day);
			return (typeof(date) == "object" && year == date.getFullYear() && month == (date.getMonth()+1) && day == date.getDate())?date:new Date();
			function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;}
		},
		toString : function(){return ["", "", "", ""].join("\n");}
	//endregion
}
var	calendar_html = "<style>";
calendar_html += "#Calendar_ {background-color:#ffcc66;width:157 !important;width:154px;position:absolute;display:none}";
calendar_html += "#Calendar_ ul{list-style-type:none;margin-left:-38px !important;margin:0 0 0 -30px;}";
calendar_html += "#Calendar_ ul li{display:block;width:20px;margin:1px;background-color:#fff;text-align:center;float:left;font:11px Tahoma}";
calendar_html += "#Calendar_ ul li a{height:18px;display:block;background-color:#fff;line-height:18px;text-decoration:none;color:#333}";
calendar_html += "#Calendar_ ul li a:hover{background:#336699;color:#FFF}";
calendar_html += "#Calendar_ #dateText_{font:12px Tahoma;text-align:center}";
calendar_html += "#Calendar_ #dateText_ a{font:10px Tahoma;text-decoration:none}";
calendar_html += "#Calendar_ #head__ li a{font:bold 12px Tahoma}";
calendar_html += "#Calendar_ #dataGrid_{}";
calendar_html += "#Calendar_ #dataGrid_ li a:hover{background:#dedede url(/plus/calendar/check.gif) right bottom no-repeat;color:red}";
calendar_html += "#Calendar_ #dataGrid_ .today{background:url(/plus/calendar/today.gif) center no-repeat;color:blue;}";
calendar_html += "#Calendar_ #dataGrid_ .curDay{background:#dedede url(/plus/calendar/check.gif) right bottom no-repeat;color:blue;}";
calendar_html += "</style>";
calendar_html += "<div id=\"Calendar_\">";
calendar_html += "<div id=\"dateText_\"></div>";
calendar_html += "<ul id=\"head__\" onclick=\"return false\">";
calendar_html += "<li><a href=\"#\">日</a></li><li><a href=\"#\">一</a></li><li><a href=\"#\">二</a></li><li><a href=\"#\">三</a></li><li><a href=\"#\">四</a></li><li><a href=\"#\">五</a></li><li><a href=\"#\">六</a></li>";
calendar_html += "</ul>";
calendar_html += "<ul id=\"dataGrid_\"></ul>";
calendar_html += "</div>";
document.write(calendar_html);
// -->