nms-nmsweb/WebRoot/js/WebCalendar.js

<!--
var cal;
var isFocus=false;
var pickMode={
"second":1,
"minute":2,
"hour":3,
"day":4,
"month":5,
"year":6};
var topY=0,leftX=0;
function SelectDateById(id,strFormat,x,y)
{
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,strFormat,x,y)}
}
function SelectDate(obj,strFormat,lang,x,y)
{
leftX=(x==null)?leftX:x;
topY=(y==null)?topY:y;
if(document.getElementById("ContainerPanel")==null){InitContainerPanel();}
var date=new Date();
var by=date.getFullYear()-50;
var ey=date.getFullYear()+50;
cal=(cal==null)?new Calendar(by,ey,lang):cal;
cal.DateMode=pickMode["second"];
if(strFormat.indexOf('s')<0){cal.DateMode=pickMode["minute"];}
if(strFormat.indexOf('m')<0){cal.DateMode=pickMode["hour"];}
if(strFormat.indexOf('h')<0){cal.DateMode=pickMode["day"];}
if(strFormat.indexOf('d')<0){cal.DateMode=pickMode["month"];}
if(strFormat.indexOf('M')<0){cal.DateMode=pickMode["year"];}
if(strFormat.indexOf('y')<0){cal.DateMode=pickMode["second"];}
cal.dateFormatStyleOld=cal.dateFormatStyle;
cal.dateFormatStyle=strFormat;
cal.show(obj);
}
String.prototype.toDate=function(style){
var y=this.substring(style.indexOf('y'),style.lastIndexOf('y')+1);
var M=this.substring(style.indexOf('M'),style.lastIndexOf('M')+1);
var d=this.substring(style.indexOf('d'),style.lastIndexOf('d')+1);
var h=this.substring(style.indexOf('h'),style.lastIndexOf('h')+1);
var m=this.substring(style.indexOf('m'),style.lastIndexOf('m')+1);
var s=this.substring(style.indexOf('s'),style.lastIndexOf('s')+1);
if(s==null||s==""||isNaN(s)){s=new Date().getSeconds();}
if(m==null||m==""||isNaN(m)){m=new Date().getMinutes();}
if(h==null||h==""||isNaN(h)){h=new Date().getHours();}
if(d==null||d==""||isNaN(d)){d=new Date().getDate();}
if(M==null||M==""||isNaN(M)){M=new Date().getMonth()+1;}
if(y==null||y==""||isNaN(y)){y=new Date().getFullYear();}
var dt;
eval("dt = new Date('"+y+"', '"+(M-1)+"','"+d+"','"+h+"','"+m+"','"+s+"')");
return dt;
}
Date.prototype.format=function(style){
var o={
"M+":this.getMonth()+1,
"d+":this.getDate(),
"h+":this.getHours(),
"m+":this.getMinutes(),
"s+":this.getSeconds(),
"w+":"天一二三四五六".charAt(this.getDay()),
"q+":Math.floor((this.getMonth()+3)/3),
"S":this.getMilliseconds()
}
if(/(y+)/.test(style)){
style=style.replace(RegExp.$1,
(this.getFullYear()+"").substr(4-RegExp.$1.length));
}
for(var k in o){
if(new RegExp("("+k+")").test(style)){
style=style.replace(RegExp.$1,
RegExp.$1.length==1?o[k]:
("00"+o[k]).substr((""+o[k]).length));
}
}
return style;
}
Calendar.prototype.ReturnDate=function(dt){
if(this.dateControl!=null){this.dateControl.value=dt;}
calendar.hide();
if(this.dateControl.onchange==null){return;}
var ev=this.dateControl.onchange.toString();
ev=ev.substring(
((ev.indexOf("ValidatorOnChange();")>0)?ev.indexOf("ValidatorOnChange();")+20:ev.indexOf("{")+1)
,ev.lastIndexOf("}"));
var fun=new Function(ev);
this.dateControl.changeEvent=fun;
this.dateControl.changeEvent();
}
function Calendar(beginYear,endYear,lang,dateFormatStyle){
this.beginYear=1950;
this.endYear=2050;
this.lang=0;
this.dateFormatStyle="yyyy-MM-dd hh:mm:ss";
if(beginYear!=null&&endYear!=null){
this.beginYear=beginYear;
this.endYear=endYear;
}
if(lang!=null){
this.lang=lang
}
if(dateFormatStyle!=null){
this.dateFormatStyle=dateFormatStyle
}
this.dateControl=null;
this.panel=this.getElementById("calendarPanel");
this.container=this.getElementById("ContainerPanel");
this.form=null;
this.date=new Date();
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.colors={
"cur_word":"#FFFFFF",
"cur_bg":"#00FF00",
"sel_bg":"#FFCCCC",
"sun_word":"#FF0000",
"sat_word":"#0000FF",
"td_word_light":"#333333",
"td_word_dark":"#CCCCCC",
"td_bg_out":"#EFEFEF",
"td_bg_over":"#FFCC00",
"tr_word":"#FFFFFF",
"tr_bg":"#666666",
"input_border":"#CCCCCC",
"input_bg":"#EFEFEF"
}
}
Calendar.language={
"year":[[""],[""]],
"months":[["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"]
],
"weeks":[["日","一","二","三","四","五","六"],
["SUN","MON","TUR","WED","THU","FRI","SAT"]
],
"hour":[["时"],["H"]],
"minute":[["分"],["M"]],
"second":[["秒"],["S"]],
"clear":[["清空"],["CLS"]],
"today":[["今天"],["TODAY"]],
"pickTxt":[["确定"],["OK"]],
"close":[["关闭"],["CLOSE"]]
}
Calendar.prototype.draw=function(){
calendar=this;
var mvAry=[];
mvAry[mvAry.length]='  <div name="calendarForm" style="margin: 0px;">';
mvAry[mvAry.length]='    <table width="100%" border="0" cellpadding="0" cellspacing="1" style="font-size:12px;">';
mvAry[mvAry.length]='      <tr>';
mvAry[mvAry.length]='        <th align="left" width="1%"><input style="border: 1px solid '+calendar.colors["input_border"]+';background-color:'+calendar.colors["input_bg"]+';width:16px;height:20px;';
if(calendar.DateMode>pickMode["month"]){mvAry[mvAry.length]='display:none;';}
mvAry[mvAry.length]='" name="prevMonth" type="button" id="prevMonth" value="&lt;" /></th>';
mvAry[mvAry.length]='        <th align="center" width="98%" nowrap="nowrap"><select name="calendarYear" id="calendarYear" style="font-size:12px;"></select><select name="calendarMonth" id="calendarMonth" style="font-size:12px;';
if(calendar.DateMode>pickMode["month"]){mvAry[mvAry.length]='display:none;';}
mvAry[mvAry.length]='"></select></th>';
mvAry[mvAry.length]='        <th align="right" width="1%"><input style="border: 1px solid '+calendar.colors["input_border"]+';background-color:'+calendar.colors["input_bg"]+';width:16px;height:20px;';
if(calendar.DateMode>pickMode["month"]){mvAry[mvAry.length]='display:none;';}
mvAry[mvAry.length]='" name="nextMonth" type="button" id="nextMonth" value="&gt;" /></th>';
mvAry[mvAry.length]='      </tr>';
mvAry[mvAry.length]='    </table>';
mvAry[mvAry.length]='    <table id="calendarTable" width="100%" style="border:0px solid #CCCCCC;background-color:#FFFFFF;font-size:12px;';
if(calendar.DateMode>=pickMode["month"]){mvAry[mvAry.length]='display:none;';}
mvAry[mvAry.length]='" border="0" cellpadding="3" cellspacing="1">';
mvAry[mvAry.length]='      <tr>';
for(var i=0;i<7;i++){
mvAry[mvAry.length]='      <th style="font-weight:normal;background-color:'+calendar.colors["tr_bg"]+';color:'+calendar.colors["tr_word"]+';">'+Calendar.language["weeks"][this.lang][i]+'</th>';
}
mvAry[mvAry.length]='      </tr>';
for(var i=0;i<6;i++){
mvAry[mvAry.length]='    <tr align="center">';
for(var j=0;j<7;j++){
if(j==0){
mvAry[mvAry.length]='  <td style="cursor:default;color:'+calendar.colors["sun_word"]+';"></td>';
}else if(j==6){
mvAry[mvAry.length]='  <td style="cursor:default;color:'+calendar.colors["sat_word"]+';"></td>';
}else{
mvAry[mvAry.length]='  <td style="cursor:default;"></td>';
}
}
mvAry[mvAry.length]='    </tr>';
}
mvAry[mvAry.length]='      <tr style="';
if(calendar.DateMode>=pickMode["day"]){mvAry[mvAry.length]='display:none;';}
mvAry[mvAry.length]='"><td align="center" colspan="7">';
mvAry[mvAry.length]='      <select name="calendarHour" id="calendarHour" style="font-size:12px;"></select>'+Calendar.language["hour"][this.lang];
mvAry[mvAry.length]='<span style="'
if(calendar.DateMode>=pickMode["hour"]){mvAry[mvAry.length]='display:none;';}
mvAry[mvAry.length]='"><select name="calendarMinute" id="calendarMinute" style="font-size:12px;"></select>'+Calendar.language["minute"][this.lang]+'</span>';
mvAry[mvAry.length]='<span style="'
if(calendar.DateMode>=pickMode["minute"]){mvAry[mvAry.length]='display:none;';}
mvAry[mvAry.length]='"><select name="calendarSecond" id="calendarSecond" style="font-size:12px;"></select>'+Calendar.language["second"][this.lang]+'</span>';
mvAry[mvAry.length]='      </td></tr>';
mvAry[mvAry.length]='    </table>';
mvAry[mvAry.length]='      <div align="center" style="padding:4px 4px 4px 4px;background-color:'+calendar.colors["input_bg"]+';">';
mvAry[mvAry.length]='        <input name="calendarClear" type="button" id="calendarClear" value="'+Calendar.language["clear"][this.lang]+'" style="border: 1px solid '+calendar.colors["input_border"]+';background-color:'+calendar.colors["input_bg"]+';width:40px;height:20px;font-size:12px;cursor:pointer;"/>';
mvAry[mvAry.length]='        <input name="calendarToday" type="button" id="calendarToday" value="'
mvAry[mvAry.length]=(calendar.DateMode==pickMode["day"])?Calendar.language["today"][this.lang]:Calendar.language["pickTxt"][this.lang];
mvAry[mvAry.length]='" style="border: 1px solid '+calendar.colors["input_border"]+';background-color:'+calendar.colors["input_bg"]+';width:60px;height:20px;font-size:12px;cursor:pointer"/>';
mvAry[mvAry.length]='        <input name="calendarClose" type="button" id="calendarClose" value="'+Calendar.language["close"][this.lang]+'" style="border: 1px solid '+calendar.colors["input_border"]+';background-color:'+calendar.colors["input_bg"]+';width:40px;height:20px;font-size:12px;cursor:pointer"/>';
mvAry[mvAry.length]='      </div>';
mvAry[mvAry.length]='  </div>';
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!=pickMode["day"])?
new Date(calendar.year,calendar.month,calendar.day,calendar.hour,calendar.minute,calendar.second)
:new Date();
calendar.ReturnDate(today.format(calendar.dateFormatStyle));
}
this.calendarToday=obj;
}
Calendar.prototype.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+Calendar.language["year"][this.lang],i);
}
}
Calendar.prototype.bindMonth=function(){
var cm=this.calendarMonth;
cm.length=0;
for(var i=0;i<12;i++){
cm.options[cm.length]=new Option(Calendar.language["months"][this.lang][i],i);
}
}
Calendar.prototype.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);
}
}
Calendar.prototype.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);
}
}
Calendar.prototype.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);
}
}
Calendar.prototype.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();
}
Calendar.prototype.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();
}
Calendar.prototype.changeSelect=function(){
var cy=this.calendarYear;
var cm=this.calendarMonth;
var ch=this.calendarHour;
var cM=this.calendarMinute;
var cs=this.calendarSecond;
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;
}
Calendar.prototype.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();
}
Calendar.prototype.bindData=function(){
var calendar=this;
if(calendar.DateMode>=pickMode["month"]){return;}
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].style.backgroundColor=calendar.colors["td_bg_out"];
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]!="&nbsp;"){
tds[i].bgColorTxt="td_bg_out";
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].style.backgroundColor=calendar.colors["cur_bg"];
tds[i].bgColorTxt="cur_bg";
tds[i].isToday=true;
}
if(calendar.dateControl!=null)
{
cur=calendar.dateControl.value.toDate(calendar.dateFormatStyle);
if(cur.getFullYear()==calendar.date.getFullYear()&&cur.getMonth()==calendar.date.getMonth()&&cur.getDate()==dateArray[i]){
calendar.selectedDayTD=tds[i];
tds[i].style.backgroundColor=calendar.colors["sel_bg"];
tds[i].bgColorTxt="sel_bg";
}
}
tds[i].onclick=function(){
if(calendar.DateMode==pickMode["day"])
{
calendar.ReturnDate(new Date(calendar.date.getFullYear(),
calendar.date.getMonth(),
this.innerHTML).format(calendar.dateFormatStyle));
}
else
{
if(calendar.selectedDayTD!=null)
{
calendar.selectedDayTD.style.backgroundColor=(calendar.selectedDayTD.isToday)?calendar.colors["cur_bg"]:calendar.colors["td_bg_out"];
}
this.style.backgroundColor=calendar.colors["sel_bg"];
calendar.day=this.innerHTML;
calendar.selectedDayTD=this;
}
}
tds[i].style.cursor="pointer";
tds[i].onmouseover=function(){
this.style.backgroundColor=calendar.colors["td_bg_over"];
}
tds[i].onmouseout=function(){
if(calendar.selectedDayTD!=this){
this.style.backgroundColor=calendar.colors[this.bgColorTxt];}
}
tds[i].onblur=function(){calendar.onblur();}
}
}
}
Calendar.prototype.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]="&nbsp;";
}
for(var i=0;i<daysOfMonth;i++){
mvArray[i+dayOfFirstDay]=i+1;
}
return mvArray;
}
Calendar.prototype.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;}
}
Calendar.prototype.getElementsByTagName=function(object,tagName){
if(document.getElementsByTagName)return document.getElementsByTagName(tagName);
if(document.all)return document.all.tags(tagName);
}
Calendar.prototype.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};
}
Calendar.prototype.show=function(dateObj,popControl){
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(dateObj.value.toDate(this.dateFormatStyle)):now.format(this.dateFormatStyle).toDate(this.dateFormatStyle);
if(this.panel.innerHTML==""||cal.dateFormatStyleOld!=cal.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+leftX)+"px";
this.panel.style.top=(xy.y+topY+dateObj.offsetHeight)+"px";
this.panel.style.display="";
this.container.style.display="";
if(!this.dateControl.isTransEvent)
{
this.dateControl.isTransEvent=true;
if(this.dateControl.onblur!=null){
this.dateControl.blurEvent=this.dateControl.onblur;}
this.dateControl.onblur=function()
{calendar.onblur();if(typeof(this.blurEvent)=='function'){this.blurEvent();}
}
}
this.container.onmouseover=function(){isFocus=true;}
this.container.onmouseout=function(){isFocus=false;}
}
Calendar.prototype.hide=function(){
this.panel.style.display="none";
this.container.style.display="none";
isFocus=false;
}
Calendar.prototype.onblur=function(){
if(!isFocus){this.hide();}
}
function InitContainerPanel()
{
var str='<div id="calendarPanel" style="position: absolute;display: none;z-index:9999; background-color: #FFFFFF;border: 1px solid #CCCCCC;width:175px;font-size:12px;"></div>';
if(document.all)
{
str+='<iframe style="position:absolute;z-index:2000;width:expression(this.previousSibling.offsetWidth);';
str+='height:expression(this.previousSibling.offsetHeight);';
str+='left:expression(this.previousSibling.offsetLeft);top:expression(this.previousSibling.offsetTop);';
str+='display:expression(this.previousSibling.style.display);" scrolling="no" frameborder="no"></iframe>';
}
var div=document.createElement("div");
div.innerHTML=str;
div.id="ContainerPanel";
div.style.display="none";
document.body.appendChild(div);
}