" ;
strIframe += "" ;
strIframe += " " ;
//向前翻一月的按钮
strIframe += " | < | " ;
strIframe += " << | " ;
//显示年份选择.单击显示年份下拉菜单
strIframe += " | " ;
//显示月份选择. 单击显示月份下拉菜单
strIframe += " | " ;
strIframe += " >> | " ;
//向后翻一月的按钮
strIframe += " > | " ;
strIframe += "
" ;
strIframe += " |
" ; //最上面的菜单结束
//日历主体部分
strIframe += "" ;
strIframe += "" ;
strIframe += " 日| 一 | 二 | 三 | 四 | 五 | 六 | " ;
strIframe += " " ;
strIframe += " |
| " ;
strIframe += " " ;
strIframe += " |
" ; //*******************************************主体日期部分结束
//下面的按钮
strIframe += "| " ;
strIframe += "" ;
strIframe += " |
";
//指定事件
with(ExtraCalendar.iframe)
{
document.writeln(strIframe); document.close();
for(var i=0; i<39; i++)
{
ExtraCalendar.dayObj[i] = eval("xycyxDay"+ i);
ExtraCalendar.dayObj[i].onmouseover = dayMouseOver;
ExtraCalendar.dayObj[i].onmouseout = dayMouseOut;
ExtraCalendar.dayObj[i].onclick = returnDate;
}
}
}
function ExtraCalendar() //初始化日历的设置
{
this.regInfo = "关闭的快捷键：[Esc]" ;
this.regInfo += "";
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 = window.frames("xycyxCalendarIframe"); //日历的 iframe 载体
this.calendar = getObjectById("xycyxCalendarLayer"); //日历的层
this.dateReg = ""; //日历格式验证的正则式
this.yearFall = 50; //定义年下拉框的年差值
this.format = "yyyy-mm-dd"; //回传日期的格式
this.timeShow = false; //是否返回时间
this.drag = true; //是否允许拖动
this.darkColor = "#40984C"; //控件的暗色
this.lightColor = "#FFFFFF"; //控件的亮色
this.btnBgColor = "#E6E6DD"; //控件的按钮背景色
this.wordColor = "#333333"; //控件的文字颜色
this.wordDark = "#999999"; //控件的暗文字颜色
this.dayBgColor = "#FFFEFA"; //日期数字背景色
this.todayColor = "#FF0000"; //今天在日历上的标示背景色
this.DarkBorder = "#FFFFFF"; //日期显示的立体表达色
} var ExtraCalendar = new ExtraCalendar();
/*程序的入口*/
function calendar() //主调函数
{
var e = window.event.srcElement ; //事件的发出者
mainCalendar(); //初始化控件界面
var o = ExtraCalendar.calendar.style ; //控件的style
ExtraCalendar.eventSrc = e;
if (arguments.length == 0) {
ExtraCalendar.objExport = e ;
} else {
ExtraCalendar.objExport = eval(arguments[0]);
}
ExtraCalendar.iframe.tableWeek.style.cursor = ExtraCalendar.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 = "" ;
ExtraCalendar.iframe.document.body.focus() ;
var cw = ExtraCalendar.calendar.clientWidth , ch = ExtraCalendar.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 < ch) ? ((p=="image")? t + h : t + h + 6) : t - ch;
}
if ( dw + dl - l >= cw) {
o.left = l ;
} else {
o.left = (dw >= cw) ? dw - cw + dl : dl;
}
//支持两种格式的日期 yyyy-mm-dd , yyyy-mm-dd hh:mm:ss
if (!ExtraCalendar.timeShow) {
ExtraCalendar.dateReg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;
} else {
ExtraCalendar.dateReg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
}
try{
if (ExtraCalendar.objExport.value.trim() != ""){
ExtraCalendar.dateStyle = ExtraCalendar.objExport.value.trim().match(ExtraCalendar.dateReg);
if (ExtraCalendar.dateStyle == null)
{
ExtraCalendar.thisYear = new Date().getFullYear();
ExtraCalendar.thisMonth = new Date().getMonth()+ 1;
ExtraCalendar.thisDay = new Date().getDate();
alert("原文本框里的日期有错误！\n可能与你定义的显示时分秒有冲突！");
writeCalendar(); return false;
}
else
{
ExtraCalendar.thisYear = parseInt(ExtraCalendar.dateStyle[1], 10);
ExtraCalendar.thisMonth = parseInt(ExtraCalendar.dateStyle[3], 10);
ExtraCalendar.thisDay = parseInt(ExtraCalendar.dateStyle[4], 10);
ExtraCalendar.inputDate = parseInt(ExtraCalendar.thisDay, 10) +"/"+ parseInt(ExtraCalendar.thisMonth, 10) +"/"+
parseInt(ExtraCalendar.thisYear, 10); writeCalendar();
}
} else writeCalendar();
} catch(e){writeCalendar();}
}
function funMonthSelect() //月份的下拉框
{
var m = isNaN(parseInt(ExtraCalendar.thisMonth, 10)) ? new Date().getMonth() + 1 : parseInt(ExtraCalendar.thisMonth);
var e = ExtraCalendar.iframe.document.forms[0].tmpMonthSelect;
for (var i=1; i<13; i++) e.options.add(new Option(i +"月", i));
e.style.display = ""; e.value = m; e.focus(); window.status = e.style.top;
}
function funYearSelect() //年份的下拉框
{
var n = ExtraCalendar.yearFall;
var e = ExtraCalendar.iframe.document.forms[0].tmpYearSelect;
var y = isNaN(parseInt(ExtraCalendar.thisYear, 10)) ? new Date().getFullYear() : parseInt(ExtraCalendar.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.style.display = ""; e.value = y; e.focus();
}
function prevM() //往前翻月份
{
ExtraCalendar.thisDay = 1;
if (ExtraCalendar.thisMonth==1)
{
ExtraCalendar.thisYear--;
ExtraCalendar.thisMonth=13;
}
ExtraCalendar.thisMonth--; writeCalendar();
}
function nextM() //往后翻月份
{
ExtraCalendar.thisDay = 1;
if (ExtraCalendar.thisMonth==12)
{
ExtraCalendar.thisYear++;
ExtraCalendar.thisMonth=0;
}
ExtraCalendar.thisMonth++; writeCalendar();
}
function prevY(){ExtraCalendar.thisDay = 1; ExtraCalendar.thisYear--; writeCalendar();}//往前翻 Year
function nextY(){ExtraCalendar.thisDay = 1; ExtraCalendar.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(){getObjectById("xycyxCalendarLayer").style.display = "none";};
function appendZero(n){return(("00"+ n).substr(("00"+ n).length-2));}//日期自动补零程序
function String.prototype.trim(){return this.replace(/(^\s*)|(\s*$)/g,"");}
function dayMouseOver()
{
this.className = "over";
this.style.backgroundColor = ExtraCalendar.darkColor;
if(ExtraCalendar.day[this.id.substr(8)].split("/")[1] == ExtraCalendar.thisMonth)
this.style.color = ExtraCalendar.lightColor;
}
function dayMouseOut()
{
this.className = "out"; var d = ExtraCalendar.day[this.id.substr(8)], a = d.split("/");
this.style.removeAttribute('backgroundColor');
if(a[1] == ExtraCalendar.thisMonth && d != ExtraCalendar.today)
{
if(ExtraCalendar.dateStyle && a[0] == parseInt(ExtraCalendar.dateStyle[4], 10))
this.style.color = ExtraCalendar.lightColor;
this.style.color = ExtraCalendar.wordColor;
}
}
function writeCalendar() //对日历显示的数据的处理程序
{
var y = ExtraCalendar.thisYear;
var m = ExtraCalendar.thisMonth;
var d = ExtraCalendar.thisDay;
ExtraCalendar.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("对不起，你输入了错误的日期！");
ExtraCalendar.thisYear = new Date().getFullYear();
ExtraCalendar.thisMonth = new Date().getMonth()+ 1;
ExtraCalendar.thisDay = new Date().getDate(); }
y = ExtraCalendar.thisYear;
m = ExtraCalendar.thisMonth;
d = ExtraCalendar.thisDay;
ExtraCalendar.iframe.xycyxYearHead.innerText = y +" 年";
ExtraCalendar.iframe.xycyxYearMonth.innerText = parseInt(m, 10) +" 月";
ExtraCalendar.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 ? ExtraCalendar.daysMonth[11] : ExtraCalendar.daysMonth[m-2];
for(var i=(w-1); i>=0; i--) //这三个 for 循环为日历赋数据源（数组 ExtraCalendar.day）格式是 d/m/yyyy
{
ExtraCalendar.day[i] = prevDays +"/"+ (parseInt(m, 10)-1) +"/"+ y;
if(m==1) ExtraCalendar.day[i] = prevDays +"/"+ 12 +"/"+ (parseInt(y, 10)-1);
prevDays--;
}
for(var i=1; i<=ExtraCalendar.daysMonth[m-1]; i++) ExtraCalendar.day[i+w-1] = i +"/"+ m +"/"+ y;
for(var i=1; i<39-w-ExtraCalendar.daysMonth[m-1]+1; i++)
{
ExtraCalendar.day[ExtraCalendar.daysMonth[m-1]+w-1+i] = i +"/"+ (parseInt(m, 10)+1) +"/"+ y;
if(m==12) ExtraCalendar.day[ExtraCalendar.daysMonth[m-1]+w-1+i] = i +"/"+ 1 +"/"+ (parseInt(y, 10)+1);
}
for(var i=0; i<39; i++) //这个循环是根据源数组写到日历里显示
{
var a = ExtraCalendar.day[i].split("/");
ExtraCalendar.dayObj[i].innerText = a[0];
ExtraCalendar.dayObj[i].title = a[2] +"-"+ appendZero(a[1]) +"-"+ appendZero(a[0]);
ExtraCalendar.dayObj[i].bgColor = ExtraCalendar.dayBgColor;
ExtraCalendar.dayObj[i].style.color = ExtraCalendar.wordColor;
if ((i<10 && parseInt(ExtraCalendar.day[i], 10)>20) || (i>27 && parseInt(ExtraCalendar.day[i], 10)<12))
ExtraCalendar.dayObj[i].style.color = ExtraCalendar.wordDark;
if (ExtraCalendar.inputDate==ExtraCalendar.day[i]) //设置输入框里的日期在日历上的颜色
{ExtraCalendar.dayObj[i].bgColor = ExtraCalendar.darkColor; ExtraCalendar.dayObj[i].style.color = ExtraCalendar.lightColor;}
if (ExtraCalendar.day[i] == ExtraCalendar.today) //设置今天在日历上反应出来的颜色
{ExtraCalendar.dayObj[i].bgColor = ExtraCalendar.todayColor; ExtraCalendar.dayObj[i].style.color = ExtraCalendar.lightColor;}
}
}
function returnDate() //根据日期格式等返回用户选定的日期
{
if(ExtraCalendar.objExport)
{
var returnValue;
var a = (arguments.length==0) ? ExtraCalendar.day[this.id.substr(8)].split("/") : arguments[0].split("/");
var d = ExtraCalendar.format.match(/^(\w{4})(-|\/)(\w{1,2})\2(\w{1,2})$/);
if(d==null){alert("你设定的日期输出格式不对！\r\n\r\n请重新定义 ExtraCalendar.format ！"); return false;}
var flag = d[3].length==2 || d[4].length==2; //判断返回的日期格式是否要补零
returnValue = flag ? a[2] +d[2]+ appendZero(a[1]) +d[2]+ appendZero(a[0]) : a[2] +d[2]+ a[1] +d[2]+ a[0];
if(ExtraCalendar.timeShow)
{
var h = new Date().getHours(), m = new Date().getMinutes(), s = new Date().getSeconds();
returnValue += flag ? " "+ appendZero(h) +":"+ appendZero(m) +":"+ appendZero(s) : " "+ h +":"+ m +":"+ s;
}
ExtraCalendar.objExport.value = returnValue ;
hiddenCalendar();
}
}
function document.onclick()
{
if(ExtraCalendar.eventSrc != window.event.srcElement) hiddenCalendar();
}