';
//end
this.panel.innerHTML = mvAry.join("");
var obj = this.getElementById("prevMonth");
obj.onclick = function() {calendar.goPrevMonth(calendar);}
obj.onblur = function() {calendar.onblur();}
this.prevMonth= obj;
obj = this.getElementById("nextMonth");
obj.onclick = function() {calendar.goNextMonth(calendar);}
obj.onblur = function() {calendar.onblur();}
this.nextMonth= obj;
obj = this.getElementById("calendarClear");
obj.onclick = function() {
calendar.ReturnDate("");
}
this.calendarClear = obj;
obj = this.getElementById("calendarClose");
obj.onclick = function() {calendar.hide();}
this.calendarClose = obj;
obj = this.getElementById("calendarYear");
obj.onchange = function() {calendar.update(calendar);}
obj.onblur = function() {calendar.onblur();}
this.calendarYear = obj;
obj = this.getElementById("calendarMonth");
with(obj) {
onchange = function() {calendar.update(calendar);}
onblur = function() {calendar.onblur();}
}
this.calendarMonth = obj;
obj = this.getElementById("calendarHour");
obj.onchange = function() {calendar.hour = this.options[this.selectedIndex].value;}
obj.onblur = function() {calendar.onblur();}
this.calendarHour = obj;
obj = this.getElementById("calendarMinute");
obj.onchange = function() {calendar.minute = this.options[this.selectedIndex].value;}
obj.onblur = function() {calendar.onblur();}
this.calendarMinute = obj;
obj = this.getElementById("calendarSecond");
obj.onchange = function() {calendar.second = this.options[this.selectedIndex].value;}
obj.onblur = function() {calendar.onblur();}
this.calendarSecond = obj;
obj = this.getElementById("calendarToday");
obj.onclick = function() {
var today =
(calendar.DateMode != calendar.pickMode["day"])
? new Date(calendar.year, calendar.month, calendar.day, calendar.hour, calendar.minute, calendar.second)
: new Date();
calendar.ReturnDate(calendar.format(today, calendar.dateFormatStyle));
}
this.calendarToday = obj;
},
//年份下拉框绑定数据
bindYear:function() {
var cy = this.calendarYear;
cy.length = 0;
for(var i = this.beginYear; i <= this.endYear; i++) {
cy.options[cy.length] = new Option(i + this.language["year"][this.lang], i);
}
},
//月份下拉框绑定数据
bindMonth:function() {
var cm = this.calendarMonth;
cm.length = 0;
for(var i = 0; i < 12; i++) {
cm.options[cm.length] = new Option(this.language["months"][this.lang][i], i);
}
},
//小时下拉框绑定数据
bindHour:function() {
var ch = this.calendarHour;
if(ch.length > 0) {return;}
var H;
for(var i = 0; i < 24; i++) {
H = ("00" + i + "").substr(("" + i).length);
ch.options[ch.length] = new Option(H, H);
}
},
//分钟下拉框绑定数据
bindMinute:function() {
var cM = this.calendarMinute;
if(cM.length > 0) {return;}
var M;
for(var i = 0; i < 60; i++) {
M = ("00" + i + "").substr(("" + i).length);
cM.options[cM.length] = new Option(M, M);
}
},
//秒钟下拉框绑定数据
bindSecond:function() {
var cs = this.calendarSecond;
if(cs.length > 0) {return;}
var s;
for(var i = 0; i < 60; i++) {
s = ("00" + i + "").substr(("" + i).length);
cs.options[cs.length] = new Option(s, s);
}
},
//向前一月
goPrevMonth:function(e) {
if(this.year == this.beginYear && this.month == 0) {return;}
this.month--;
if(this.month == -1) {
this.year--;
this.month = 11;
}
this.date = new Date(this.year, this.month, 1);
this.changeSelect();
this.bindData();
},
//向后一月
goNextMonth:function(e) {
if(this.year == this.endYear && this.month == 11) {return;}
this.month++;
if(this.month == 12) {
this.year++;
this.month = 0;
}
this.date = new Date(this.year, this.month, 1);
this.changeSelect();
this.bindData();
},
//改变SELECT选中状态
changeSelect:function() {
var cy = this.calendarYear;
var cm = this.calendarMonth;
var ch = this.calendarHour;
var cM = this.calendarMinute;
var cs = this.calendarSecond;
//当初始值为空时,若有效年份并不包括今天时将有可能超出索引位置
if(this.date.getFullYear() - this.beginYear < 0 || this.date.getFullYear() - this.beginYear >= cy.length) {
cy[0].selected = true;
}
else {
cy[this.date.getFullYear() - this.beginYear].selected = true;
}
cm[this.date.getMonth()].selected = true;
//初始化时间的值
ch[this.hour].selected = true;
cM[this.minute].selected = true;
cs[this.second].selected = true;
},
//更新年、月
update:function(e) {
this.year = e.calendarYear.options[e.calendarYear.selectedIndex].value;
this.month = e.calendarMonth.options[e.calendarMonth.selectedIndex].value;
this.date = new Date(this.year, this.month, 1);
this.bindData();
},
//绑定数据到月视图
bindData:function() {
var calendar = this;
if(calendar.DateMode >= calendar.pickMode["month"]) {return;}
//修改 在Firefox 下年份错误
//var dateArray = this.getMonthViewArray(this.date.getYear(), this.date.getMonth());
var dateArray = this.getMonthViewArray(this.date.getFullYear(), this.date.getMonth());
var tds = this.getElementById("calendarTable").getElementsByTagName("td");
for(var i = 0; i < tds.length; i++) {
tds[i].onclick = function() {return;}
tds[i].onmouseover = function() {return;}
tds[i].onmouseout = function() {return;}
if(i > dateArray.length - 1) break;
tds[i].innerHTML = dateArray[i];
if(dateArray[i] != " ") {
if(tds[i].getAttribute("name") == "tdSun") {
tds[i].className = "sun";
}
else if(tds[i].getAttribute("name") == "tdSat") {
tds[i].className = "sat";
}
else {
tds[i].className = "day";
}
var cur = new Date();
tds[i].isToday = false;
if(cur.getFullYear() == calendar.date.getFullYear() && cur.getMonth() == calendar.date.getMonth() && cur.getDate() == dateArray[i]) {
//是今天的单元格
tds[i].className = "today";
tds[i].isToday = true;
}
if(calendar.dateControl != null) {
cur = calendar.toDate(calendar.dateControl.value, calendar.dateFormatStyle);
if(cur.getFullYear() == calendar.date.getFullYear() && cur.getMonth() == calendar.date.getMonth()&& cur.getDate() == dateArray[i]) {
//是已被选中的单元格
calendar.selectedDayTD = tds[i];
tds[i].className = "selDay";
}
}
tds[i].onclick = function() {
if(calendar.DateMode == calendar.pickMode["day"]) {//当选择日期时，点击格子即返回值
calendar.ReturnDate(calendar.format(new Date(calendar.date.getFullYear(), calendar.date.getMonth(), this.innerHTML), calendar.dateFormatStyle));
}
else {
if(calendar.selectedDayTD != null) {//清除已选中的背景色
if(calendar.selectedDayTD.isToday) {
calendar.selectedDayTD.className = "today";
}
else {
if(calendar.selectedDayTD.getAttribute("name") == "tdSun") {
calendar.selectedDayTD.className = "sun";
}
else if(calendar.selectedDayTD.getAttribute("name") == "tdSat") {
calendar.selectedDayTD.className = "sat";
}
else {
calendar.selectedDayTD.className = "day";
}
}
}
this.className = "selDay";
calendar.day = this.innerHTML;
calendar.selectedDayTD = this;//记录已选中的日子
}
}
tds[i].onmouseover = function() {
this.className = "dayOver";
}
tds[i].onmouseout = function() {
if(calendar.selectedDayTD != this) {
if(this.isToday) {
this.className = "today";
}
else {
if(this.getAttribute("name") == "tdSun") {
this.className = "sun";
}
else if(this.getAttribute("name") == "tdSat") {
this.className = "sat";
}
else {
this.className = "day";
}
}
}
else {
this.className = "selDay";
}
}
tds[i].onblur = function() {calendar.onblur();}
}
}
},
//根据年、月得到月视图数据(数组形式)
getMonthViewArray:function(y, m) {
var mvArray = [];
var dayOfFirstDay = new Date(y, m, 1).getDay();
var daysOfMonth = new Date(y, m + 1, 0).getDate();
for(var i = 0; i < 42; i++) {
mvArray[i] = " ";
}
for(var i = 0; i< daysOfMonth;i++) {
mvArray[i + dayOfFirstDay] = i + 1;
}
return mvArray;
},
//扩展 document.getElementById(id) 多浏览器兼容性
getElementById:function(id) {
if(typeof(id) != "string" || id == "") return null;
if(document.getElementById) return document.getElementById(id);
if(document.all) return document.all(id);
try {return eval(id);}
catch(e) {return null;}
},
//扩展 object.getElementsByTagName(tagName)
getElementsByTagName:function(object, tagName) {
if(document.getElementsByTagName) return document.getElementsByTagName(tagName);
if(document.all) return document.all.tags(tagName);
},
//取得HTML控件绝对位置
getAbsPoint:function(e) {
var x = e.offsetLeft;
var y = e.offsetTop;
while(e = e.offsetParent){
x += e.offsetLeft;
y += e.offsetTop;
}
return {"x": x, "y": y};
},
reset:function(args) {
try{
//全部复位
this.leftX = 0;
this.topY = 0;
this.beginYear = this.beginYearLoad;
this.endYear = this.endYearLoad;
//this.lang = 0;
//重新赋值
if(args.left != null) this.leftX = args.left;
if(args.top != null) this.topY = args.top;
if(args.beginYear != null) this.beginYear = args.beginYear;
if(args.endYear != null)this.endYear = args.endYear;
//if(args.lang != null) this.lang = args.lang;//0(中文) | 1(英文)
this.DateMode = this.pickMode["second"];//复位
if(args.format == null) {
args.format = "yyyy-MM-dd HH:mm:ss";
}
else {
args.format = args.format + "";
if(args.format.indexOf('s') < 0) {this.DateMode = this.pickMode["minute"];}//精度为分
if(args.format.indexOf('m') < 0) {this.DateMode = this.pickMode["hour"];}//精度为时
if(args.format.indexOf('H') < 0) {this.DateMode = this.pickMode["day"];}//精度为日
if(args.format.indexOf('d') < 0) {this.DateMode = this.pickMode["month"];}//精度为月
if(args.format.indexOf('M') < 0) {this.DateMode = this.pickMode["year"];}//精度为年
if(args.format.indexOf('y') < 0) {this.DateMode = this.pickMode["second"];}//默认精度为秒
}
this.dateFormatStyleOld = this.dateFormatStyle;
this.dateFormatStyle = args.format;
}
catch(e) {
//alert(e.name + "," + e.message);
}
},
//显示日历
show:function(dateObj, args, popControl) {
var calendar = this;
calendar.reset(args);
if(dateObj == null) {
throw new Error("arguments[0] is necessary")
}
this.dateControl = dateObj;
var now = new Date();
this.date = (dateObj.value.length > 0) ? new Date(calendar.toDate(dateObj.value ,this.dateFormatStyle)) : calendar.toDate(calendar.format(now, this.dateFormatStyle), this.dateFormatStyle);//若为空则根据dateFormatStyle初始化日期
if(this.panel.innerHTML==""||calendar.dateFormatStyleOld != calendar.dateFormatStyle) {//构造表格，若请示的样式改变，则重新初始化
this.draw();
this.bindYear();
this.bindMonth();
this.bindHour();
this.bindMinute();
this.bindSecond();
}
this.year = this.date.getFullYear();
this.month = this.date.getMonth();
this.day = this.date.getDate();
this.hour = this.date.getHours();
this.minute = this.date.getMinutes();
this.second = this.date.getSeconds();
this.changeSelect();
this.bindData();
if(popControl == null) {
popControl = dateObj;
}
var xy = this.getAbsPoint(popControl);
this.panel.style.left = (xy.x + this.leftX) + "px";//自定义偏移量
this.panel.style.top = (xy.y + this.topY + dateObj.offsetHeight) + "px";
this.panel.style.display = "";
this.container.style.display = "";
if( !this.dateControl.isTransEvent) {
this.dateControl.isTransEvent = true;
/* 已写在返回值的时候 ReturnDate 函数中，去除验证事件的函数
this.dateControl.changeEvent = this.dateControl.onchange;//将 onchange 转成其它函数，以免触发验证事件
this.dateControl.onchange = function() {
if(typeof(this.changeEvent) =='function') {this.changeEvent();}
}*/
if(this.dateControl.onblur != null) {
this.dateControl.blurEvent = this.dateControl.onblur;}//保存主文本框的 onblur ，使其原本的事件不被覆盖
this.dateControl.onblur = function() {
calendar.onblur();
if(typeof(this.blurEvent) == 'function') {
this.blurEvent();
}
}
}
this.container.onmouseover = function() {calendar.isFocus = true;}
this.container.onmouseout = function() {calendar.isFocus = false;}
},
//隐藏日历
hide:function() {
this.panel.style.display = "none";
this.container.style.display = "none";
this.isFocus = false;
},
//焦点转移时隐藏日历
onblur:function() {
if(!(this.isFocus)) {this.hide();}
}
}
/**
* 调用方法：
* 1、传入对象：SelectDate(this,{format:'yyyy 年'})
* 2、传入 ID：SelectDateById('Txt_CreateDateST01',{format:'yyyy 年'})
* 3、参数 SelectDate(this,{format:'yyyy 年',left:0,top:-150})
* 目前支持如下参数
* args{beginYear:1950,endYear:2050,lang:0,format:"yyyy-MM-dd HH-mm-ss",left:0,top:0}
* @param beginYear Integer 大于1000小于9999 如1950
* @param endYear Integer 大于1000小于9999 如2050
* @param lang Integer 0(中文)|1(英语) 可自由扩充
* @param format String "yyyy-MM-dd HH-mm-ss"
* @param left Integer 相对X坐标
* @param top Integer 相对Y坐标
* 格式（注意大小写）：yyyy→年，MM→月，dd→天，HH→24小时制，mm→分钟，ss→秒
* 0 → 相对于文本框的横向偏移量
* -50 → 相对于文本框的纵向偏移量
*/
//选择日期,通过ID来选日期
function SelectDateById(id, args) {
var obj = document.getElementById(id);
if(obj == null) {return false;}
obj.focus();
if(obj.onclick != null) {obj.onclick();}
else if(obj.click != null) {obj.click();}
else {SelectDate(obj, args)}
}
var __cal__;
//选择日期
function SelectDate(obj, args) {
//不用每次都初始化，第一次和语言包有变化时重新初始化
__cal__ = (__cal__ == null || (args.lang != null && args.lang != __cal__.lang))
? new CalendarHelper(args)
: __cal__;
__cal__.show(obj, args);
}