自己一直使用的一个不错的js日历控件

最新推荐文章于 2017-11-27 18:20:46 发布
最新推荐文章于 2017-11-27 18:20:46 发布
阅读量773 收藏
点赞数
分类专栏： 技术 文章标签： 日历 function date border null table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jsyhello/article/details/6919127
版权

document.writeln('<iframe id="endDateLayer" name="endDateLayer" frameborder="0" scrolling="no" style="position: absolute;  z-index: 9998; display: none;width:162px;height=190px"></iframe>');
var outObject=null;
var outButton=null;
var outDate= null;
var bflagTime =true;
var odatelayer=null;
var bUseTime=false;
function getFrame()
{
var  strFrame='<style>';
strFrame+='body{margin: 0px;padding: 0px;font: normal 12px/20px Arial, Verdana, Lucida, Helvetica, simsun, sans-serif;}';
strFrame+='INPUT.button{BORDER-RIGHT: #63A3E9 1px solid;BORDER-TOP: #63A3E9 1px solid;BORDER-LEFT: #63A3E9 1px solid;';
strFrame+='BORDER-BOTTOM: #63A3E9 1px solid;BACKGROUND-COLOR: #63A3E9;}';
strFrame+='TD{FONT-SIZE: 9pt;}';
strFrame+='</style>';
strFrame+='<div style="z-index:9999;position: absolute; left:0px; top:0px;text-align:center" onselectstart="return false">';
strFrame+='<span id="tmpSelectYearLayer" style="z-index: 9999;position: absolute;top:3px; left:22px;display: none"></span>';
strFrame+='<span id="tmpSelectMonthLayer" style="z-index: 9999;position: absolute;top:3px; left:92px;display: none"></span>';
var n=0;
if(bflagTime)
{
strFrame+='<span id="tmpSelectHourLayer" style="z-index: 9999;position: absolute;top:171px; left:56px;display: none"></span>';
strFrame+='<span id="tmpSelectMinuteLayer" style="z-index:9999;position: absolute;top:171px; left:107px;display: none"></span>';
}
strFrame+='<table border="1px" cellspacing="0" cellpadding="0" height="190px" width="100%" bordercolor="#63A3E9" bgcolor="#63A3E9" >';
strFrame+='<tr><td>';
strFrame+='<table border="0" cellspacing="1" cellpadding="0"  width="100%"  bgcolor="#FFFFFF">';
strFrame+='<tr>';
strFrame+='<td width="16px" align="center" style="cursor: pointer;background:#63A3E9;color: #ffffff;height:23px" ';
strFrame+=' οnclick="parent.meizzPrevM()" title="向前翻 1 月" ><b >&lt;</b></td>';
strFrame+='<td width="70px" align="center" style="cursor: pointer;background:#63A3E9;color: #ffffff" ';
strFrame+=' οnmοuseοver="style.backgroundColor=\'#aaccf3\'"';
strFrame+=' οnmοuseοut="style.backgroundColor=\'#63A3E9\'" ';
strFrame+=' οnclick="parent.tmpSelectYearInnerHTML(this.innerHTML)" ';
strFrame+=' title="点击这里选择年份"><span  id=meizzYearHead></span></td>';
strFrame+='<td width="50px" align="center" style="cursor: pointer;background:#63A3E9;color: #ffffff" ';
strFrame+=' οnmοuseοver="style.backgroundColor=\'#aaccf3\'" ';
strFrame+=' οnmοuseοut="style.backgroundColor=\'#63A3E9\'" ';
strFrame+=' οnclick="parent.tmpSelectMonthInnerHTML(this.innerHTML)"';
strFrame+=' title="点击这里选择月份"><span id=meizzMonthHead ></span></td>';
strFrame+='<td width="16px" align="center" style="cursor: pointer;background:#63A3E9;color: #ffffff" ';
strFrame+=' οnclick="parent.meizzNextM()" title="向后翻 1 月" ><b >&gt;</b></td>';
strFrame+='</tr>';
strFrame+='</table></td></tr>';
strFrame+='<tr><td >';
strFrame+='<table border="0" cellspacing="0" cellspacing="1" ';
strFrame+=' BORDERCOLORLIGHT=#63A3E9 BORDERCOLORDARK=#FFFFFF width="100%">';
strFrame+='<tr><td style="color:#afafaf;text-align:center;height:22px">日</td>';
strFrame+='<td style="color:#FFFFFF;text-align:center;">一</td><td style="color:#FFFFFF;text-align:center;">二</td>';
strFrame+='<td style="color:#FFFFFF;text-align:center;">三</td><td style="color:#FFFFFF;text-align:center;">四</td>';
strFrame+='<td style="color:#FFFFFF;text-align:center;">五</td><td style="color:#afafaf;text-align:center;">六</td></tr>';
strFrame+='</table></td></tr>';
strFrame+='<tr ><td >';
strFrame+='<table border="0" cellspacing="1" cellspacing="1" BORDERCOLORLIGHT="#63A3E9" BORDERCOLORDARK="#FFFFFF" style="background:#fff8ec;text-align:center;" width="100%" height="120px" >';
n=0; for (j=0;j<5;j++){ strFrame+= '<tr>'; for (i=0;i<7;i++){
strFrame+='<td width="18px" height="18px" id="meizzDay'+n+'" οnclick="parent.meizzDayClick(this.innerHTML,0)"></td>';n++;}
strFrame+='</tr>';}
strFrame+='<tr>';
for (i=35;i<37;i++)strFrame+='<td width="18px" id="meizzDay'+i+'" οnclick="parent.meizzDayClick(this.innerHTML,0)"></td>';
strFrame+='<td colspan=5 align="right" style="color:#1478eb;height:20px"><span οnclick="parent.setNull()" style="cursor:pointer;"';
strFrame+=' οnmοuseοver="style.color=\'#ff0000\'" οnmοuseοut="style.color=\'#1478eb\'" title="将日期置空">置空</span>&nbsp;&nbsp;<span οnclick="parent.meizzToday()" style="cursor:pointer;"';
strFrame+=' οnmοuseοver="style.color=\'#ff0000\'" οnmοuseοut="style.color=\'#1478eb\'" title="当前日期时间">当前</span>&nbsp;&nbsp;<span style="cursor:pointer;" id=evaAllOK οnmοuseοver="style.color=\'#ff0000\'" οnmοuseοut="style.color=\'#1478eb\'"  οnclick="parent.closeLayer()" title="关闭日历">关闭&nbsp;</span></td></tr>';
strFrame+='</table>';
if(bflagTime)
{
strFrame+='<table border="0" cellspacing="1" cellpadding="0"  bgcolor=#FFFFFF height="25px" width="100%">';
strFrame+='<tr bgcolor="#63A3E9"><td id=bUseTimeLayer width=55  style="cursor:pointer;" title="点击这里启用/禁用时间"';
strFrame+=' οnmοuseοver="style.backgroundColor=\'#aaccf3\'" align="center" οnmοuseοut="style.backgroundColor=\'#63A3E9\'"';
strFrame+=' οnclick="parent.UseTime(this)">';
strFrame+='<span></span></td>';
strFrame+='<td style="cursor:pointer;" οnclick="parent.tmpSelectHourInnerHTML(this.innerHTML)"';
strFrame+=' οnmοuseοver="style.backgroundColor=\'#aaccf3\'" οnmοuseοut="style.backgroundColor=\'#63A3E9\'"';
strFrame+=' title="点击这里选择时间" align="center" width="50px">' ;
strFrame+='<span id=meizzHourHead></span></td>';
strFrame+='<td style="cursor:pointer;" οnclick="parent.tmpSelectMinuteInnerHTML(this.innerHTML)"';
strFrame+=' οnmοuseοver="style.backgroundColor=\'#aaccf3\'" οnmοuseοut="style.backgroundColor=\'#63A3E9\'"';
strFrame+=' title="点击这里选择时间" align="center" width="50px">' ;
strFrame+='<span id=meizzMinuteHead></span></td>';
strFrame+=' </tr></table>';
}
strFrame+='</td></tr></table></div>';
return strFrame;
}
function setday(tt,bflag,obj)
{
try{
if (arguments.length == 0){alert("对不起！您没有传回本控件任何参数！");return;}
outObject = (arguments.length == 3 ? obj:tt);
outButton = (arguments.length == 3 ? tt: null);
var s = "";
var i;
bflagTime = bflag;
var strFrame = getFrame();
odatelayer=window.frames.endDateLayer;
odatelayer.document.writeln(strFrame);
odatelayer.document.close();
var dads = document.getElementById("endDateLayer").style;
if(bflagTime)
{
dads.height="205px";
odatelayer.document.getElementById("bUseTimeLayer").innerHTML=bImgSwitch();
}
else
{
dads.height="190px";
}
var ttop = tt.offsetTop;
var thei = tt.clientHeight; 
var tleft = tt.offsetLeft;
var ttyp = tt.type;
tt = tt.offsetParent;
while (tt){ttop+=tt.offsetTop; tleft+=tt.offsetLeft;tt = tt.offsetParent;}
dads.top = (ttyp=="image" ? ttop+thei : ttop+thei)+"px";
dads.left = tleft+"px";
var reg = /^(\d+)-(\d{1,2})-(\d{1,2})/;
var r = outObject.value.match(reg);
if(r!=null){
r[2]=r[2]-1;
var d=new Date(r[1],r[2],r[3]);
if(d.getFullYear()==r[1] && d.getMonth()==r[2] && d.getDate()==r[3])
{
outDate=d;
parent.meizzTheYear = r[1];
parent.meizzTheMonth = r[2];
parent.meizzTheDate = r[3];
}
else
{
outDate=null;
}
meizzSetDay(r[1],r[2]+1);
}
else
{
outDate=null;
meizzSetDay(new Date().getFullYear(), new Date().getMonth() + 1);
}
if ((outObject.value.length>10)||(outObject.value.length == 0))
{
bUseTime=true&bflag;
if(bflagTime){
odatelayer.document.getElementById("bUseTimeLayer").innerHTML=bImgSwitch();
}
meizzWriteHead(meizzTheYear,meizzTheMonth);
}
else
{
bUseTime=false&bflag;
if(bflagTime)
{
odatelayer.document.getElementById("bUseTimeLayer").innerHTML=bImgSwitch();
meizzWriteHead(meizzTheYear,meizzTheMonth);
}
}
dads.display = '';
iscalendarvisible=true;
if (outButton){
return false;
}
} catch (e) {return false;}
}
var MonHead = new Array(12);
MonHead[0] = 31; MonHead[1] = 28; MonHead[2] = 31; MonHead[3] = 30; MonHead[4]  = 31; MonHead[5]  = 30;
MonHead[6] = 31; MonHead[7] = 31; MonHead[8] = 30; MonHead[9] = 31; MonHead[10] = 30; MonHead[11] = 31;
var meizzTheYear=new Date().getFullYear();
var meizzTheMonth=new Date().getMonth()+1;
var meizzTheDate=new Date().getDate(); 
var meizzTheHour=new Date().getHours();
var meizzTheMinute=new Date().getMinutes();
var meizzWDay=new Array(37);
var iscalendarvisible=false;

document.οnclick=function(event) {
if (iscalendarvisible){
var evt = null;
if (arguments.length==1){
evt=arguments[0];
}else{
evt = (window.event ? window.event : null);
} 
if(evt)
{
var el=evt.srcElement || evt.target;
if ( el != outObject  && el != outButton){
closeLayer();
}
}
}
}

function meizzWriteHead(yy,mm)
{
odatelayer.document.getElementById("meizzYearHead").innerHTML = yy + " 年";
odatelayer.document.getElementById("meizzMonthHead").innerHTML = format(mm) + " 月";
if(bflagTime)
{
odatelayer.document.getElementById("meizzHourHead").innerHTML=bUseTime?(meizzTheHour+" 点"):"";
odatelayer.document.getElementById("meizzMinuteHead").innerHTML=bUseTime?(meizzTheMinute+" 分"):"";
}
}
function tmpSelectYearInnerHTML(strYear)
{
//if (strYear.match(/\D/)!=null){alert("年份输入参数不是数字！");return;}
strYear = getNum(strYear);
var m = (strYear) ? strYear : new Date().getFullYear();
if (m < 1000 || m > 9999) {alert("年份值不在 1000 到 9999 之间！");return;}
var n = m - 50;
if (n < 1000) n = 1000;
if (n + 101 > 9999) n = 9974;
var s = "<select name='tmpSelectYear' style='width:70px' "
s += "οnblur='document.getElementById(\"tmpSelectYearLayer\").style.display=\"none\"' "
s += "οnchange='document.getElementById(\"tmpSelectYearLayer\").style.display=\"none\";"
s += "parent.meizzTheYear = this.value; parent.meizzSetDay(parent.meizzTheYear,parent.meizzTheMonth)'>\r\n";
var selectInnerHTML = s;
for (var i = n; i < n + 101; i++)
{
if (i == m) { selectInnerHTML += "<option value='" + i + "' selected>&nbsp;" + i + "年" + "</option>\r\n"; }
else { selectInnerHTML += "<option value='" + i + "'>&nbsp;" + i + "年" + "</option>\r\n"; }
}
selectInnerHTML += "</select>";
odatelayer.document.getElementById("tmpSelectYearLayer").style.display="";
odatelayer.document.getElementById("tmpSelectYearLayer").innerHTML = selectInnerHTML;
if (odatelayer.document.getElementById("tmpSelectYear")){
odatelayer.document.getElementById("tmpSelectYear").focus();
}
}
function tmpSelectMonthInnerHTML(strMonth)
{
//if (strMonth.match(/\D/)!=null){alert("月份输入参数不是数字！");return;}
strMonth = getNum(strMonth);
var m = (strMonth) ? strMonth : new Date().getMonth() + 1;
var s = "<select name='tmpSelectMonth' style='width:50px' "
s += "οnblur='document.getElementById(\"tmpSelectMonthLayer\").style.display=\"none\"' "
s += "οnchange='document.getElementById(\"tmpSelectMonthLayer\").style.display=\"none\";"
s += "parent.meizzTheMonth = this.value; parent.meizzSetDay(parent.meizzTheYear,parent.meizzTheMonth)'>\r\n";
var selectInnerHTML = s;
for (var i = 1; i < 13; i++)
{
if (i == m) { selectInnerHTML += "<option value='"+i+"' selected>&nbsp;"+i+"月"+"</option>\r\n"; }
else { selectInnerHTML += "<option value='"+i+"'>&nbsp;"+i+"月"+"</option>\r\n"; }
}
selectInnerHTML += "</select>";
odatelayer.document.getElementById("tmpSelectMonthLayer").style.display="";
odatelayer.document.getElementById("tmpSelectMonthLayer").innerHTML = selectInnerHTML;
if (odatelayer.document.getElementById("tmpSelectMonth")){
odatelayer.document.getElementById("tmpSelectMonth").focus();
}
}
function tmpSelectHourInnerHTML(strHour)
{
if (!bUseTime){return;}
//if (strHour.match(/\D/)!=null){alert("小时输入参数不是数字！");return;}
strHour = getNum(strHour);
var m = (strHour) ? strHour : new Date().getHours();
var s = "&nbsp;<select name='tmpSelectHour' style='width:50px' "
s += "οnblur='document.getElementById(\"tmpSelectHourLayer\").style.display=\"none\"' "
s += "οnchange='document.getElementById(\"tmpSelectHourLayer\").style.display=\"none\";"
s += "parent.meizzTheHour = this.value; parent.evaSetTime(parent.meizzTheHour,parent.meizzTheMinute);'>\r\n";
var selectInnerHTML = s;
for (var i = 0; i < 24; i++)
{
if (i == m) { selectInnerHTML += "<option value='"+i+"' selected>&nbsp;"+i+"点</option>\r\n"; }
else { selectInnerHTML += "<option value='"+i+"'>&nbsp;"+i+"点</option>\r\n"; }
}
selectInnerHTML += "</select>";
odatelayer.document.getElementById("tmpSelectHourLayer").style.display="";
odatelayer.document.getElementById("tmpSelectHourLayer").innerHTML = selectInnerHTML;
if (odatelayer.document.getElementById("tmpSelectHour")){
odatelayer.document.getElementById("tmpSelectHour").focus();
}
}
function tmpSelectMinuteInnerHTML(strMinute)
{
if (!bUseTime){return;}
//if (strMinute.match(/\D/)!=null){alert("分钟输入参数不是数字！");return;}
strMinute = getNum(strMinute);
var m = (strMinute) ? strMinute : new Date().getMinutes();
var s = "&nbsp;<select name='tmpSelectMinute' style='width:50px' "
s += "οnblur='document.getElementById(\"tmpSelectMinuteLayer\").style.display=\"none\"' "
s += "οnchange='document.getElementById(\"tmpSelectMinuteLayer\").style.display=\"none\";"
s += "parent.meizzTheMinute = this.value; parent.evaSetTime(parent.meizzTheHour,parent.meizzTheMinute);'>\r\n";
var selectInnerHTML = s;
for (var i = 0; i < 60; i++)
{
if (i == m) { selectInnerHTML += "<option value='"+i+"' selected>&nbsp;"+i+"分</option>\r\n"; }
else { selectInnerHTML += "<option value='"+i+"'>&nbsp;"+i+"分</option>\r\n"; }
}
selectInnerHTML += "</select>";
odatelayer.document.getElementById("tmpSelectMinuteLayer").style.display="";
odatelayer.document.getElementById("tmpSelectMinuteLayer").innerHTML = selectInnerHTML;
if (odatelayer.document.getElementById("tmpSelectMinute")){
odatelayer.document.getElementById("tmpSelectMinute").focus();
}
}
function closeLayer()
{
var o=document.getElementById("endDateLayer");
if (o){
o.style.display="none";
iscalendarvisible=false;
}
}
function IsPinYear(year)
{
if (0==year%4&&((year%100!=0)||(year%400==0))) return true;else return false;
}
function GetMonthCount(year,month)
{
var c=MonHead[month-1];if((month==2)&&IsPinYear(year)) c++;return c;
}
function GetDOW(day,month,year)
{
var dt=new Date(year,month-1,day).getDay()/7; return dt;
}
function meizzPrevY()
{
if(meizzTheYear > 999 && meizzTheYear <10000){meizzTheYear--;}
else{alert("年份超出范围（1000-9999）！");}
meizzSetDay(meizzTheYear,meizzTheMonth);
}
function meizzNextY()
{
if(meizzTheYear > 999 && meizzTheYear <10000){meizzTheYear++;}
else{alert("年份超出范围（1000-9999）！");}
meizzSetDay(meizzTheYear,meizzTheMonth);
}
function setNull()
{
outObject.value = '';
closeLayer();
}
function meizzToday()
{
parent.meizzTheYear  = new Date().getFullYear();
parent.meizzTheMonth = new Date().getMonth()+1;
parent.meizzTheDate  = new Date().getDate();
parent.meizzTheHour  = new Date().getHours();
parent.meizzTheMinute = new Date().getMinutes();
var meizzTheSecond  = new Date().getSeconds();
if (meizzTheMonth<10 && meizzTheMonth.length<2)
{
parent.meizzTheMonth="0"+parent.meizzTheMonth;
}
if (parent.meizzTheDate<10 && parent.meizzTheDate.length<2)
{
parent.meizzTheDate="0"+parent.meizzTheDate;
}
//meizzSetDay(meizzTheYear,meizzTheMonth);
if(outObject)
{
if (bUseTime)
{
outObject.value= parent.meizzTheYear + "-" + format( parent.meizzTheMonth) + "-" +
  format(parent.meizzTheDate) + " " + format(parent.meizzTheHour) + ":" +
  format(parent.meizzTheMinute) + ":" + format(meizzTheSecond);
}
else
{
outObject.value= parent.meizzTheYear + "-" + format( parent.meizzTheMonth) + "-" +
  format(parent.meizzTheDate);
}
}
closeLayer();
}
function meizzPrevM()
{
if(meizzTheMonth>1){meizzTheMonth--}else{meizzTheYear--;meizzTheMonth=12;}
meizzSetDay(meizzTheYear,meizzTheMonth);
}
function meizzNextM()
{
if(meizzTheMonth==12){meizzTheYear++;meizzTheMonth=1}else{meizzTheMonth++}
meizzSetDay(meizzTheYear,meizzTheMonth);
}
function meizzSetDay(yy,mm)
{
meizzWriteHead(yy,mm);
meizzTheYear=yy;
meizzTheMonth=mm;
for (var i = 0; i < 37; i++){meizzWDay[i]=""};
var day1 = 1,day2=1,firstday = new Date(yy,mm-1,1).getDay();
for (i=0;i<firstday;i++){meizzWDay[i]=GetMonthCount(mm==1?yy-1:yy,mm==1?12:mm-1)-firstday+i+1;}
for (i = firstday; day1 < GetMonthCount(yy,mm)+1; i++) { meizzWDay[i]=day1;day1++; }
for (i=firstday+GetMonthCount(yy,mm);i<37;i++) { meizzWDay[i]=day2;day2++; }
for (i = 0; i < 37; i++)
{
var da = odatelayer.document.getElementById("meizzDay"+i);
if (meizzWDay[i]!="")
{
da.borderColorLight="#63A3E9";
da.borderColorDark="#63A3E9";
da.style.color="#1478eb";
if(i<firstday)
{
da.innerHTML="<b><font color=#BCBABC>" + meizzWDay[i] + "</font></b>";
da.title=(mm==1?12:mm-1) +"月" + meizzWDay[i] + "日";
da.οnclick=Function("meizzDayClick(this.innerHTML,-1)");
if(!outDate)
da.style.backgroundColor = ((mm==1?yy-1:yy) == new Date().getFullYear() &&
(mm==1?12:mm-1) == new Date().getMonth()+1 && meizzWDay[i] == new Date().getDate()) ?
 "#5CEFA0":"#f5f5f5";
else
{
da.style.backgroundColor =((mm==1?yy-1:yy)==outDate.getFullYear() && (mm==1?12:mm-1)== outDate.getMonth() + 1 &&
meizzWDay[i]==outDate.getDate())? "#84C1FF" :
(((mm==1?yy-1:yy) == new Date().getFullYear() && (mm==1?12:mm-1) == new Date().getMonth()+1 &&
meizzWDay[i] == new Date().getDate()) ? "#5CEFA0":"#f5f5f5");
if((mm==1?yy-1:yy)==outDate.getFullYear() && (mm==1?12:mm-1)== outDate.getMonth() + 1 &&
meizzWDay[i]==outDate.getDate())
{
da.borderColorLight="#FFFFFF";
da.borderColorDark="#63A3E9";
}
}
}
else if (i>=firstday+GetMonthCount(yy,mm))
{
da.innerHTML="<b><font color=#BCBABC>" + meizzWDay[i] + "</font></b>";
da.title=(mm==12?1:mm+1) +"月" + meizzWDay[i] + "日";
da.οnclick=Function("meizzDayClick(this.innerHTML,1)");
if(!outDate)
da.style.backgroundColor = ((mm==12?yy+1:yy) == new Date().getFullYear() &&
(mm==12?1:mm+1) == new Date().getMonth()+1 && meizzWDay[i] == new Date().getDate()) ?
 "#5CEFA0":"#f5f5f5";
else
{
da.style.backgroundColor =((mm==12?yy+1:yy)==outDate.getFullYear() && (mm==12?1:mm+1)== outDate.getMonth() + 1 &&
meizzWDay[i]==outDate.getDate())? "#84C1FF" :
(((mm==12?yy+1:yy) == new Date().getFullYear() && (mm==12?1:mm+1) == new Date().getMonth()+1 &&
meizzWDay[i] == new Date().getDate()) ? "#5CEFA0":"#f5f5f5");
if((mm==12?yy+1:yy)==outDate.getFullYear() && (mm==12?1:mm+1)== outDate.getMonth() + 1 &&
meizzWDay[i]==outDate.getDate())
{
da.borderColorLight="#FFFFFF";
da.borderColorDark="#63A3E9";
}
}
}
else
{
da.innerHTML="<b>" + meizzWDay[i] + "</b>";
da.title=mm +"月" + meizzWDay[i] + "日";
da.οnclick=Function("meizzDayClick(this.innerHTML,0)");
if(!outDate)
da.style.backgroundColor = (yy == new Date().getFullYear() && mm == new Date().getMonth()+1 && meizzWDay[i] == new Date().getDate())?
"#5CEFA0":"#f5f5f5";
else
{
da.style.backgroundColor =(yy==outDate.getFullYear() && mm== outDate.getMonth() + 1 && meizzWDay[i]==outDate.getDate())?
"#84C1FF":((yy == new Date().getFullYear() && mm == new Date().getMonth()+1 && meizzWDay[i] == new Date().getDate())?
"#5CEFA0":"#f5f5f5");
if(yy==outDate.getFullYear() && mm== outDate.getMonth() + 1 && meizzWDay[i]==outDate.getDate())
{
da.borderColorLight="#FFFFFF";
da.borderColorDark="#63A3E9";
}
}
}
da.style.cursor="pointer"
}
else {
da.innerHTML="";
da.style.backgroundColor="";
da.style.cursor="default";
}
}
}
function meizzDayClick(n,ex)
{
n = getNum(n);
parent.meizzTheDate=n;
var yy=meizzTheYear;
var mm = parseInt(meizzTheMonth,10)+ex;
var hh=meizzTheHour;
var mi=meizzTheMinute;
if(mm<1){
yy--;
mm=12+mm;
}
else if(mm>12){
yy++;
mm=mm-12;
}
if (mm < 10) {mm = "0" + mm;}
if (hh<10)  {hh="0" + hh;}
if (mi<10)  {mi="0" + mi;}
if (outObject)
{
if (!n) {return;}
if ( n < 10){n = "0" + n;}
WriteDateTo(yy,mm,n,hh,mi);
closeLayer();
}
else {closeLayer(); alert("您所要输出的控件对象并不存在！");}
}
function format(n)
{
var m=new String();
var tmp=new String(n);
if (n<10 && tmp.length<2)
{
m="0"+n;
}
else
{
m=n;
}
return m;
}
function evaSetTime()
{
odatelayer.document.getElementById("meizzHourHead").innerHTML=meizzTheHour+" 点";
odatelayer.document.getElementById("meizzMinuteHead").innerHTML=meizzTheMinute+" 分";
WriteDateTo(meizzTheYear,meizzTheMonth,meizzTheDate,meizzTheHour,meizzTheMinute)
}
function evaSetTimeNothing()
{
odatelayer.document.getElementById("meizzHourHead").innerHTML="";
odatelayer.document.getElementById("meizzMinuteHead").innerHTML="";
WriteDateTo(meizzTheYear,meizzTheMonth,meizzTheDate,meizzTheHour,meizzTheMinute)
}
function evaSetTimeNow()
{
odatelayer.document.getElementById("meizzHourHead").innerHTML=new Date().getHours()+" 点";
odatelayer.document.getElementById("meizzMinuteHead").innerHTML=new Date().getMinutes()+" 分";
meizzTheHour = new Date().getHours();
meizzTheMinute = new Date().getMinutes();
WriteDateTo(meizzTheYear,meizzTheMonth,meizzTheDate,meizzTheHour,meizzTheMinute)
}
function UseTime(ctl)
{
bUseTime=!bUseTime;
if (bUseTime)
{
ctl.innerHTML=bImgSwitch();
evaSetTime();
}
else
{
ctl.innerHTML=bImgSwitch();
evaSetTimeNothing();
}
}
function WriteDateTo(yy,mm,n,hh,mi)
{
if (bUseTime)
{
outObject.value= yy + "-" + format(mm) + "-" + format(n) + " " + format(hh) + ":" + format(mi) + ":" + "00";
}
else
{
outObject.value= yy + "-" + format(mm) + "-" + format(n);
}
}
function bImgSwitch()
{
if (bUseTime)
{
return "时间开启";
}
else
{
return "时间关闭";
}
}

function getNum(v)
{
if (v)
{
var reg = /(\d+)/;
var r = v.match(reg);
if(r!=null){
return r[0];
}
}
return "";
}

欢迎访问：http://121.18.78.216 适易查询分析、工作流、内容管理及项目管理演示平台

 

jsyhello
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jsp页面兼容谷歌浏览器相关问题
NOIFNOIFNOIF的博客
10-19 3016
（1）js按键事件兼容：function document.oncontextmenu()ie8可运行，谷歌改为function document.onkeydown() （2）触发事件对象：IE浏览器支持window.event.srcElement，谷歌火狐支持window.event.target；兼容时做一下三目运算即可window.event.srcElement?window.event.srcElement:window.event.target （3）style对象的cssText方法.
JavaScript实现日历控件(只有年月)
lcg22it的专栏
07-26 1万+
var strFrame;//日历用iframe实现        document.writeln()//ifram中用div定位strFrame+=strFrame+=;strFrame+=;strFrame+=;strFrame+=;strFrame+=;strFrame+=;strFrame+=strFrame+=;strFrame+= onc
js 时间 日期 日历控件
叮咚侠的博客
12-14 2030
js文件calendar.js代码： var strFrame; var iframeColor = "#CAE8EA"; // 边框颜色，默认为绿色，如果有特殊需求，可以将该js拷贝出去，修改该属性就可以更改边框颜色 // ==================================================== WEB 页面显示部分 // ================
很牛的 时间控件
张彬在奋斗
05-29 749
<br /><br />var bMoveable=true;<br />var strFrame;  <br /> <br />document.writeln('<iframe id=endDateLayer frameborder=0 width=162 height=211 style="position: absolute;  z-index: 9998; display: none"></iframe>');<br />strFrame='<style>';<br />strFrame+='IN
日历控件使用
zhanglan478950的专栏
04-09 1422
=======blue.js //  主调用函数是 setday(this,[object])和setday(this)，[object]是控件输出的控件名，举两个例子： //  一、 //  二、 var bMoveable=true; var strFrame; document.writeln(''); strFrame=''; strFrame+='INPUT
JS学习之一个简易的日历控件
10-29
种日历控件实现起来不难，下面简单分析下我的思路
介绍一个ActiveX日历控件.ocx
01-21
介绍一个ActiveX日历控件.ocx
一个简单实用的 JavaScript 日历控件
最新发布
03-07
一个简单实用的 JavaScript 日历控件！原生 JavaScript 编写，不依赖任何第三方库。支持日期、月份和年份试图切换；支持单选、多选、范围和星期选择模式；界面简介、配置简单、使用方便！
VBA EXCEL制作日历控件
03-17
在EXCEL中，可以通过双击单元格，调出日历控件，通过对日历控件的操作，将所选日期更新到单元格中，该控件代码完全开放免费，供大家学习和使用，感兴趣的同学可以多多关注www.allmlp.com，让我们共同成长共同学习。
纯javascript版日历控件
10-21
主要介绍了纯javascript版日历控件，引用calendar.js文件，再把input的id设置成calendar,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
简单易用美观的日期及时间控件
岁寒松柏
10-31 868
var bMoveable=true; var strFrame;        document.writeln(''); strFrame=''; strFrame+='INPUT.button{BORDER-RIGHT: #63A3E9 1px solid;BORDER-TOP: #63A3E9 1px solid;BORDER-LEFT: #63A3E9 1px solid;'
document.frames/window.frames兼容性问题
鱼骨头
07-30 2145
天遇到了一个小小兼容问题，就是当我使用document.frames这个方法时，只有在ie下可以使用（后来知道opera也行），然后我就查了google，ff和chrome都不支持这个对象方法，解决的办法就是把document换成window这个顶层对象，window.frames。...
javascript window获取iframe、iframe获取window、document
热门推荐
wangjun5159的专栏
11-27 6万+
前言日常开发中，经常用到在window中获取某个iframe，或者在iframe中获取当前window。这里做个总结，记在心里后，就不用每次都百度了。window获取iframe、iframe获取window、document首先需要说明的是，w3c已经不推荐使用frame，而推荐使用iframe，iframe也就是inline frame（行内frame），很明显它具有css的行内框特性，正是因为
Java开发一个日历控件
04-18
你可以使用Java的Swing或JavaFX框架来开发一个日历控件。在开发过程中，你需要考虑日期的格式、日历的显示方式、用户的操作等方面。可以参考Java官方文档和相关的开源项目来实现日历控件。希望能对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值