发送文章__当百网

文章·资料	电脑软件	手机软件	网站源码
电脑·手机·网络学习话题娱乐故事文化·历史国学典籍法律法规	操作系统网络办公·文件音频视频图形图像硬件·驱动程序行业教学学习编程游戏	安卓苹果鸿蒙其他	ASP ASP.NET JSP PHP HTML·CSS·JavaScript
本站搜索
发送文章
JavaScript 日期选择功能(弹出式)
〖评论()〗〖留言〗〖收藏〗
收信地址
填写收信人的电子邮箱
邮件主题
填写邮件主题
邮件内容
html
headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"title网页特效---弹出选择日期效果（三）/title/head
bodyscript language="javascript"
// default settingsvar fontFace="verdana";var fontSize=9;
var titleWidth=90;var titleMode=1;var dayWidth=12;var dayDigits=1;
var titleColor="#cccccc";var daysColor="#cccccc";var bodyColor="#ffffff";var dayColor="#ffffff";var currentDayColor="#333333";var footColor="#cccccc";var borderColor="#333333";
var titleFontColor = "#333333";var daysFontColor = "#333333";var dayFontColor = "#333333";var currentDayFontColor = "#ffffff";var footFontColor = "#333333";
var calFormat = "yyyy/mm/dd";
var weekDay = 0;// ------
// codesvar calWidth=200, calHeight=200, calOffsetX=-200, calOffsetY=16;var calWin=null;var winX=0, winY=0;var cal="cal";var cals=new Array();var currentCal=null;
var yxMonths=new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");var yxDays=new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday");var yxLinks=new Array("[close]", "[clear]");
var isOpera=(navigator.userAgent.indexOf("Opera")!=-1)?true:false;var isOpera5=(navigator.appVersion.indexOf("MSIE 5")!=-1  navigator.userAgent.indexOf("Opera 5")!=-1)?true:false;var isOpera6=(navigator.appVersion.indexOf("MSIE 5")!=-1  navigator.userAgent.indexOf("Opera 6")!=-1)?true:false;var isN6=(navigator.userAgent.indexOf("Gecko")!=-1);var isN4=(document.layers)?true:false;var isMac=(navigator.userAgent.indexOf("Mac")!=-1);var isIE=(document.all  !isOpera  (!isMac || navigator.appVersion.indexOf("MSIE 4")==-1))?true:false;
if (isN4) { fontSize+=2;}
var span2="/span";
function span1(tag) { return "span class='"+tag+"'";}function spanx(tag, color) { return "."+tag+" { font-family:"+fontFace+"; font-size:"+fontSize+"px; color:"+color+"; }\n";}
function a1(tag) { return "a class='"+tag+"' href=";}
function ax(tag, color) { return "."+tag+" { text-decoration:none; color:"+color+"; }\n";}
function calOBJ(name, title, field, form) { this.name = name; this.title = title; this.field = field; this.formName = form; this.form = null}
function setFont(font, size) { if (font != "") { fontFace=font; } if (size  0) { fontSize=size;
 if (isN4) { fontSize+=2; } }}
function setWidth(tWidth, tMode, dWidth, dDigits) { if (tWidth  0) { titleWidth=tWidth; } if (tMode == 1 || tMode == 2) { titleMode=tMode; } if (dWidth  0) { dayWidth=dWidth; } if (dDigits  0) { dayDigits=dDigits; }}
function setColor(tColor, dsColor, bColor, dColor, cdColor, fColor, bdColor) { if (tColor != "") { titleColor=tColor; } if (dsColor != "") { daysColor=dsColor; } if (bColor != "") { bodyColor=bColor; } if (dColor != "") { dayColor=dColor; } if (cdColor != "") { currentDayColor=cdColor; } if (fColor != "") { footColor=fColor; } if (bdColor != "") { borderColor=bdColor; }}
function setFontColor(tColorFont, dsColorFont, dColorFont, cdColorFont, fColorFont) { if (tColorFont != "") { titleFontColor=tColorFont; } if (dsColorFont != "") { daysFontColor=dsColorFont; } if (dColorFont != "") { dayFontColor=dColorFont; } if (cdColorFont != "") { currentDayFontColor=cdColorFont; } if (fColorFont != "") { footFontColor=fColorFont; }}
function setFormat(format) { calFormat = format;}
function setSize(width, height, ox, oy) { if (width  0) { calWidth=width; } if (height  0) { calHeight=height; }
 calOffsetX=ox; calOffsetY=oy;}
function setWeekDay(wDay) { if (wDay == 0 || wDay == 1) { weekDay = wDay; }}
function setMonthNames(janName, febName, marName, aprName, mayName, junName, julName, augName, sepName, octName, novName, decName) { if (janName != "") { yxMonths[0] = janName; } if (febName != "") { yxMonths[1] = febName; } if (marName != "") { yxMonths[2] = marName; } if (aprName != "") { yxMonths[3] = aprName; } if (mayName != "") { yxMonths[4] = mayName; } if (junName != "") { yxMonths[5] = junName; } if (julName != "") { yxMonths[6] = julName; } if (augName != "") { yxMonths[7] = augName; } if (sepName != "") { yxMonths[8] = sepName; } if (octName != "") { yxMonths[9] = octName; } if (novName != "") { yxMonths[10] = novName; } if (decName != "") { yxMonths[11] = decName; }}
function setDayNames(sunName, monName, tueName, wedName, thuName, friName, satName) { if (sunName != "") { yxDays[0] = sunName; yxDays[7] = sunName; } if (monName != "") { yxDays[1] = monName; } if (tueName != "") { yxDays[2] = tueName; } if (wedName != "") { yxDays[3] = wedName; } if (thuName != "") { yxDays[4] = thuName; } if (friName != "") { yxDays[5] = friName; } if (satName != "") { yxDays[6] = satName; }}
function setLinkNames(closeLink, clearLink) { if (closeLink != "") { yxLinks[0] = closeLink; } if (clearLink != "") { yxLinks[1] = clearLink; }}
function addCalendar(name, title, field, form) { cals[cals.length] = new calOBJ(name, title, field, form);}
function findCalendar(name) { for (var i = 0; i  cals.length; i++) { if (cals[i].name == name) { if (cals[i].form == null) { if (cals[i].formName == "") { if (document.forms[0]) { cals[i].form = document.forms[0]; } } else if (document.forms[cals[i].formName]) { cals[i].form = document.forms[cals[i].formName]; } }
 return cals[i]; } }
 return null;}
function getDayName(y,m,d) { var wd=new Date(y,m,d); return yxDays[wd.getDay()].substring(0,3);}
function getMonthFromName(m3) { for (var i = 0; i  yxMonths.length; i++) { if (yxMonths[i].toLowerCase().substring(0,3) == m3.toLowerCase()) { return i; } }
 return 0;}
function getFormat() { var calF = calFormat;
 calF = calF.replace(/\\/g, '\\\\'); calF = calF.replace(/\//g, '\\\/'); calF = calF.replace(/\[/g, '\\\['); calF = calF.replace(/\]/g, '\\\]'); calF = calF.replace(/\(/g, '\\\('); calF = calF.replace(/\)/g, '\\\)'); calF = calF.replace(/\{/g, '\\\{'); calF = calF.replace(/\}/g, '\\\}'); calF = calF.replace(/\/g, '\\\'); calF = calF.replace(/\/g, '\\\'); calF = calF.replace(/\|/g, '\\\|'); calF = calF.replace(/\*/g, '\\\*'); calF = calF.replace(/\?/g, '\\\?'); calF = calF.replace(/\+/g, '\\\+'); calF = calF.replace(/\^/g, '\\\^'); calF = calF.replace(/\$/g, '\\\$');
 calF = calF.replace(/dd/i, '\\d\\d'); calF = calF.replace(/mm/i, '\\d\\d'); calF = calF.replace(/yyyy/i, '\\d\\d\\d\\d'); calF = calF.replace(/day/i, '\\w\\w\\w'); calF = calF.replace(/mon/i, '\\w\\w\\w');
 return new RegExp(calF);}
function getDateNumbers(date) { var y, m, d;
 var yIdx = calFormat.search(/yyyy/i); var mIdx = calFormat.search(/mm/i); var m3Idx = calFormat.search(/mon/i); var dIdx = calFormat.search(/dd/i);
 y=date.substring(yIdx,yIdx+4)-0; if (mIdx != -1) { m=date.substring(mIdx,mIdx+2)-1; } else { var m = getMonthFromName(date.substring(m3Idx,m3Idx+3)); } d=date.substring(dIdx,dIdx+2)-0;
 return new Array(y,m,d);}
function hideCal() { calWin.close(); calWin = null; window.status = "";}
function getLeftIE(x,m) { var dx=0; if (x.tagName=="TD"){ dx=x.offsetLeft; } else if (x.tagName=="TABLE") { dx=x.offsetLeft; if (m) { dx+=(x.cellPadding!=""?parseInt(x.cellPadding):2); m=false; } } return dx+(x.parentElement.tagName=="BODY"?0:getLeftIE(x.parentElement,m));}function getTopIE(x,m) { var dy=0; if (x.tagName=="TR"){ dy=x.offsetTop; } else if (x.tagName=="TABLE") { dy=x.offsetTop; if (m) { dy+=(x.cellPadding!=""?parseInt(x.cellPadding):2); m=false; } } return dy+(x.parentElement.tagName=="BODY"?0:getTopIE(x.parentElement,m));}
function getLeftN4(l) { return l.pageX; }function getTopN4(l) { return l.pageY; }
function getLeftN6(l) { return l.offsetLeft; }function getTopN6(l) { return l.offsetTop; }
function lastDay(d) { var yy=d.getFullYear(), mm=d.getMonth(); for (var i=31; i=28; i--) { var nd=new Date(yy,mm,i); if (mm == nd.getMonth()) { return i; } }}
function firstDay(d) { var yy=d.getFullYear(), mm=d.getMonth(); var fd=new Date(yy,mm,1); return fd.getDay();}
function dayDisplay(i) { if (dayDigits == 0) { return yxDays[i]; } else { return yxDays[i].substring(0,dayDigits); }}
function calTitle(d) { var yy=d.getFullYear(), mm=yxMonths[d.getMonth()]; var s;
 if (titleMode == 2) { s="tr align='center' bgcolor='"+titleColor+"'td colspan='7'\ntable cellpadding='0' cellspacing='0' border='0'tr align='center' valign='middle'td align='right'"+span1("title")+"b"+a1("titlea")+"'javascript:if(window.opener  !window.opener.closed  window.opener.moveYear) window.opener.moveYear(-10)' laquo;/a "+a1("titlea")+"'javascript:if(window.opener  !window.opener.closed  window.opener.moveYear) window.opener.moveYear(-1)'#8249; /a/b"+span2+"/tdtd width='"+titleWidth+"'b"+span1("title")+yy+span2+"/b/tdtd align='left'"+span1("title")+"b"+a1("titlea")+"'javascript:if (window.opener  !window.opener.closed  window.opener.moveYear) window.opener.moveYear(1)' #8250;/a "+a1("titlea")+"'javascript:if (window.opener  !window.opener.closed  window.opener.moveYear) window.opener.moveYear(10)'raquo; /a/b"+span2+"/td/trtr align='center' valign='middle'td align='right'"+span1("title")+"b"+a1("titlea")+"'javascript:if (window.opener  !window.opener.closed  window.opener.prepMonth) window.opener.prepMonth("+d.getMonth()+")' #8249; /a/b"+span2+"/tdtd width='"+titleWidth+"'b"+span1("title")+mm+span2+"/b/tdtd align='left'"+span1("title")+"b"+a1("titlea")+"'javascript:if (window.opener  !window.opener.closed  window.opener.nextMonth) window.opener.nextMonth("+d.getMonth()+")' #8250; /a/b"+span2+"/td/tr/table\n/td/trtr align='center' bgcolor='"+daysColor+"'"; } else { s="tr align='center' bgcolor='"+titleColor+"'td colspan='7'\ntable cellpadding='0' cellspacing='0' border='0'tr align='center' valign='middle'td"+span1("title")+"b"+a1("titlea")+"'javascript:if(window.opener  !window.opener.closed  window.opener.moveYear) window.opener.moveYear(-1)' laquo;/a "+a1("titlea")+"'javascript:if (window.opener  !window.opener.closed  window.opener.prepMonth) window.opener.prepMonth("+d.getMonth()+")'#8249; /a/b"+span2+"/tdtd width='"+titleWidth+"'nobrb"+span1("title")+mm+" "+yy+span2+"/b/nobr/tdtd"+span1("title")+"b"+a1("titlea")+"'javascript:if (window.opener  !window.opener.closed  window.opener.nextMonth) window.opener.nextMonth("+d.getMonth()+")' #8250;/a "+a1("titlea")+"'javascript:if(window.opener  !window.opener.closed  window.opener.moveYear) window.opener.moveYear(1)'raquo; /a/b"+span2+"/td/tr/table\n/td/trtr align='center' bgcolor='"+daysColor+"'"; }
 for (var i=weekDay; iweekDay+7; i++) { s+="td width='"+dayWidth+"'"+span1("days")+dayDisplay(i)+span2+"/td"; }
 s+="/tr";
 return s;}
function calHeader() { return "head\ntitle"+currentCal.title+"/title\nstyle type='text/css'\n"+spanx("title",titleFontColor)+spanx("days",daysFontColor)+spanx("foot",footColor)+spanx("day",dayFontColor)+spanx("currentDay",currentDayFontColor)+ax("titlea",titleFontColor)+ax("daya",dayFontColor)+ax("currenta",currentDayFontColor)+ax("foota",footFontColor)+"/style\n/head\nbody\ntable align='center' border='0' bgcolor='"+borderColor+"' cellspacing='0' cellpadding='1'trtd\ntable cellspacing='1' cellpadding='3' border='0'";}
function calFooter() { return "tr bgcolor='"+footColor+"'td colspan='7' align='center'"+span1("foot")+"b"+a1("foota")+"'javascript:if (window.opener  !window.opener.closed  window.opener.hideCal) window.opener.hideCal()'"+yxLinks[0]+"/a "+a1("foota")+"'javascript:if (window.opener  !window.opener.closed  window.opener.clearDate) window.opener.clearDate()'"+yxLinks[1]+"/a/b"+span2+"/td/tr/table\n/td/tr/table\n/body";}
function calBody(d,day) { var s="", dayCount=1, fd=firstDay(d), ld=lastDay(d);
 if (weekDay  0  fd == 0) { fd = 7; }
 for (var i=0; i6; i++) { s+="tr align='center' bgcolor='"+bodyColor+"'"; for (var j=weekDay; jweekDay+7; j++) { if (i*7+jfd || dayCountld) { s+="td"+span1("day")+" "+span2+"/td"; } else { var bgColor=dayColor; var fgTag="day"; var fgTagA="daya"; if (dayCount==day) {  bgColor=currentDayColor;  fgTag="currentDay"; fgTagA="currenta"; }  s+="td bgcolor='"+bgColor+"'"+span1(fgTag)+a1(fgTagA)+"'javascript: if (window.opener  !window.opener.closed  window.opener.pickDate) window.opener.pickDate("+dayCount+")'"+(dayCount++)+"/a"+span2+"/td"; } } s+="/tr"; }
 return s;}
function moveYear(dy) { cY+=dy; var nd=new Date(cY,cM,1); changeCal(nd);}
function prepMonth(m) { cM=m-1; if (cM0) { cM=11; cY--; } var nd=new Date(cY,cM,1); changeCal(nd);}
function nextMonth(m) { cM=m+1; if (cM11) { cM=0; cY++;} var nd=new Date(cY,cM,1); changeCal(nd);}
function changeCal(d) { var dd = 0;
 if (currentCal != null) { var calRE = getFormat();
 if (currentCal.form[currentCal.field].value!=""  calRE.test(currentCal.form[currentCal.field].value)) { var cd = getDateNumbers(currentCal.form[currentCal.field].value); if (cd[0] == d.getFullYear()  cd[1] == d.getMonth()) { dd=cd[2]; } } else { var cd = new Date(); if (cd.getFullYear() == d.getFullYear()  cd.getMonth() == d.getMonth()) { dd=cd.getDate(); } } }
 var calendar=calHeader()+calTitle(d)+calBody(d,dd)+calFooter();
 calWin.document.open(); calWin.document.write(calendar); calWin.document.close();}
function markClick(e) { if (isIE || isOpera6) { winX=event.screenX; winY=event.screenY; } else if (isN4 || isN6) { winX=e.screenX; winY=e.screenY;
 document.routeEvent(e); }
 return true;}
function showCal(name) { var lastCal=currentCal; var d=new Date(), hasCal=false;
 currentCal = findCalendar(name);
 if (currentCal != null  currentCal.form != null  currentCal.form[currentCal.field]) { var calRE = getFormat();
 if (currentCal.form[currentCal.field].value!=""  calRE.test(currentCal.form[currentCal.field].value)) { var cd = getDateNumbers(currentCal.form[currentCal.field].value); d=new Date(cd[0],cd[1],cd[2]);
 cY=cd[0]; cM=cd[1]; dd=cd[2]; } else { cY=d.getFullYear(); cM=d.getMonth(); dd=d.getDate(); }
 var calendar=calHeader()+calTitle(d)+calBody(d,dd)+calFooter();
 if (calWin != null  !calWin.closed) { hasCal=true; calWin.moveTo(winX+calOffsetX,winY+calOffsetY); }
 if (!hasCal) { if (isIE || isOpera6) { calWin=window.open("","cal","toolbar=0,width="+calWidth+",height="+calHeight+",left="+(winX+calOffsetX)+",top="+(winY+calOffsetY)); } else { calWin=window.open("","cal","toolbar=0,width="+calWidth+",height="+calHeight+",screenx="+(winX+calOffsetX)+",screeny="+(winY+calOffsetY)); } }
 calWin.document.open(); calWin.document.write(calendar); calWin.document.close();
 calWin.focus(); } else { if (currentCal == null) { window.status = "Calendar ["+name+"] not found."; } else if (!currentCal.form) { window.status = "Form ["+currentCal.formName+"] not found."; } else if (!currentCal.form[currentCal.field]) { window.status = "Form Field ["+currentCal.formName+"."+currentCal.field+"] not found."; }
 if (lastCal != null) { currentCal = lastCal; } }}
function get2Digits(n) { return ((n10)?"0":"")+n;}
function clearDate() { currentCal.form[currentCal.field].value=""; hideCal();}
function pickDate(d) { hideCal(); window.focus();
 var date=calFormat; date = date.replace(/yyyy/i, cY); date = date.replace(/mm/i, get2Digits(cM+1)); date = date.replace(/MON/, yxMonths[cM].substring(0,3).toUpperCase()); date = date.replace(/Mon/i, yxMonths[cM].substring(0,3)); date = date.replace(/dd/i, get2Digits(d)); date = date.replace(/DAY/, getDayName(cY,cM,d).toUpperCase()); date = date.replace(/day/i, getDayName(cY,cM,d));
 currentCal.form[currentCal.field].value=date; // IE5/Mac needs focus to show the value, weird. currentCal.form[currentCal.field].focus();}// ------
// user functionsfunction checkDate(name) { var thisCal = findCalendar(name);
 if (thisCal != null  thisCal.form != null  thisCal.form[thisCal.field]) { var calRE = getFormat();
 if (calRE.test(thisCal.form[thisCal.field].value)) { return 0; } else { return 1; } } else { return 2; }}
function getCurrentDate() { var date=calFormat, d = new Date(); date = date.replace(/yyyy/i, d.getFullYear()); date = date.replace(/mm/i, get2Digits(d.getMonth()+1)); date = date.replace(/dd/i, get2Digits(d.getDate()));
 return date;}
function compareDates(date1, date2) { var calRE = getFormat(); var d1, d2;
 if (calRE.test(date1)) { d1 = getNumbers(date1); } else { d1 = getNumbers(getCurrentDate()); }
 if (calRE.test(date2)) { d2 = getNumbers(date2); } else { d2 = getNumbers(getCurrentDate()); }
 var dStr1 = d1[0] + "" + d1[1] + "" + d1[2]; var dStr2 = d2[0] + "" + d2[1] + "" + d2[2];
 if (dStr1 == dStr2) { return 0; } else if (dStr1  dStr2) { return 1; } else { return -1; }}
function getNumbers(date) { var calRE = getFormat(); var y, m, d;
 if (calRE.test(date)) { var yIdx = calFormat.search(/yyyy/i); var mIdx = calFormat.search(/mm/i); var m3Idx = calFormat.search(/mon/i); var dIdx = calFormat.search(/dd/i);
 y=date.substring(yIdx,yIdx+4); if (mIdx != -1) { m=date.substring(mIdx,mIdx+2); } else { var mm=getMonthFromName(date.substring(m3Idx,m3Idx+3))+1; m=(mm10)?("0"+mm):(""+mm); } d=date.substring(dIdx,dIdx+2);
 return new Array(y,m,d); } else { return new Array("", "", ""); }}// ------
if (isN4 || isN6) { document.captureEvents(Event.CLICK);}document.onclick=markClick;
/scriptscript language="javascript"
//Define calendar(s): addCalendar ("Unique Calendar Name", "Window title", "Form element's name", Form name")addCalendar("Calendar1", "Select Date", "firstinput", "sampleform");addCalendar("Calendar2", "Select Date", "secondinput", "sampleform");
// default settings for English// Uncomment desired lines and modify its values// setFont("verdana", 9);setWidth(90, 1, 15, 1);// setColor("#cccccc", "#cccccc", "#ffffff", "#ffffff", "#333333", "#cccccc", "#333333");// setFontColor("#333333", "#333333", "#333333", "#ffffff", "#333333");// setFormat("yyyy/mm/dd");// setSize(200, 200, -200, 16);
// setWeekDay(0);// setMonthNames("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");// setDayNames("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");// setLinkNames("[Close]", "[Clear]");/scriptform name="sampleform"input type="text" name="firstinput" size=20 smalla href="javascript:showCal('Calendar1')"选择日期一/a/smallpinput type="text" name="secondinput" size=20 smalla href="javascript:showCal('Calendar2')"选择日期二/a/small/form/body
/html<br /><br />文章网址：<a href="https://dangbai.cn/Article.asp?ID=10002083" target="_blank">https://dangbai.cn/Article.asp?ID=10002083</a>
填写邮件内容
发信地址
填写发信人的电子邮箱
邮件签名
填写邮件签名
验证码
填写验证码，单击刷新验证码
发送协议
·欢迎使用本站在线文章发送系统。
·不得使用本站在线发送邮件系统发送垃圾邮件、广告邮件。
·如果收信人地址或其服务器出现错误，可能无法成功发送。
·如果有什么问题，或者意见建议，请联系［网站管理员］。
当百网
本站使用【啊估文章软件站】网站系统〖网站管理员留言簿〗