需要一个可以在框架中使用的日期控件！

http://www.meizz.com/web/download/Web_Calendar_30.rar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head><frameset rows="80,*" cols="*" frameborder="NO" border="0" framespacing="0">
  <frame src="calendar3.0.htm" name="topFrame" scrolling="NO" noresize >
  <frameset cols="80,*" frameborder="NO" border="0" framespacing="0">
    <frame src="/UntitledFrame-3" name="leftFrame" scrolling="NO" noresize>
    <frame src="/Untitled-1" name="mainFrame">
  </frameset>
</frameset>
<noframes><body>我这样用的，但是会被挡住

我有一个,不过代码太长不好贴,可以联系我
[email protected]

http://bbs.hxsd.com.cn/post/view?bid=25&id=4668599&sty=1&tpg=3&age=0

你的框架是指frame？用window.createPopup()解决吧

// written by Tan Ling Wee on 2 Dec 2001
// last updated 28 Jul 2003
// email : [email protected]
// website : www.pengz.com
// TabSize: 4
//
// modified by ALQUANTO 30 July 2003 - german language included.
//   - modified languageLogic with the ISO-2letter-strings
//   - changes in in showCalendar: defaultLanguage is already set...
//   - js and html corrected... more xhtml-compliant... simplier css
// email: [email protected]
//
// modified by PinoToy 25 July 2003  - new logic for multiple languages (English, Spanish and ready for more).
//   - changes in popUpMonth & popDownMonth methods for hidding popup.
//   - changes in popDownYear & popDownYear methods for hidding popup.
//   - new logic for disabling dates in the past.
//   - new method showCalendar, dynamic configuration of language, enabling past & position.
//   - changes in the styles.
// email  : [email protected] var language = 'en'; // Default Language: en - english ; es - spanish; de - german
var enablePast = 1; // 0 - disabled ; 1 - enabled
var fixedX = -1; // x position (-1 if to appear below control)
var fixedY = -1; // y position (-1 if to appear below control)
var startAt = 1; // 0 - sunday ; 1 - monday
var showWeekNumber = 0; // 0 - don't show; 1 - show
var showToday = 1; // 0 - don't show; 1 - show
var imgDir = '/marryfashion/marryfashionsec/inc/popcalendar/'; // directory for images ... e.g. var imgDir="/img/"
var dayName = ''; var gotoString = {
en : 'Go To Current Month',
es : 'Ir al Mes Actual',
de : 'Gehe zu aktuellem Monat'
};
var todayString = {
en : 'Today is',
es : 'Hoy es',
de : 'Heute ist'
};
var weekString = {
en : 'Wk',
es : 'Sem',
de : 'KW'
};
var scrollLeftMessage = {
en : 'Click to scroll to previous month. Hold mouse button to scroll automatically.',
es : 'Presione para pasar al mes anterior. Deje presionado para pasar varios meses.',
de : 'Klicken um zum vorigen Monat zu gelangen. Gedr點kt halten, um automatisch weiter zu scrollen.'
};
var scrollRightMessage = {
en : 'Click to scroll to next month. Hold mouse button to scroll automatically.',
es : 'Presione para pasar al siguiente mes. Deje presionado para pasar varios meses.',
de : 'Klicken um zum n鋍hsten Monat zu gelangen. Gedr點kt halten, um automatisch weiter zu scrollen.'
};
var selectMonthMessage = {
en : 'Click to select a month.',
es : 'Presione para seleccionar un mes',
de : 'Klicken um Monat auszuw鋒len'
};
var selectYearMessage = {
en : 'Click to select a year.',
es : 'Presione para seleccionar un a駉',
de : 'Klicken um Jahr auszuw鋒len'
};
var selectDateMessage = { // do not replace [date], it will be replaced by date.
en : 'Select [date] as date.',
es : 'Seleccione [date] como fecha',
de : 'W鋒le [date] als Datum.'
};
var monthName2 = {
en : new Array('る','る','る','る','きる','せる','る','る','る','る','る','る'),
es : new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'),
de : new Array('Januar','Februar','M鋜z','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember')
};

var monthName3 = {
en : new Array('JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'),
es : new Array('ENE','FEB','MAR','ABR','MAY','JUN','JUL','AGO','SEP','OCT','NOV','DIC'),
de : new Array('JAN','FEB','MRZ','APR','MAI','JUN','JUL','AUG','SEP','OKT','NOV','DEZ')
};
var monthName = {
en : new Array('JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'),
es : new Array('ENE','FEB','MAR','ABR','MAY','JUN','JUL','AGO','SEP','OCT','NOV','DIC'),
de : new Array('JAN','FEB','MRZ','APR','MAI','JUN','JUL','AUG','SEP','OKT','NOV','DEZ')
}; if (startAt==0) {
dayName = {
en : new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat'),
es : new Array('Dom','Lun','Mar','Mie','Jue','Vie','Sab'),
de : new Array('So','Mo','Di','Mi','Do','Fr','Sa')
};
} else {
dayName = {
en : new Array('Mon','Tue','Wed','Thu','Fri','Sat','Sun'),
es : new Array('Lun','Mar','Mie','Jue','Vie','Sab','Dom'),
de : new Array('Mo','Di','Mi','Do','Fr','Sa','So')
};
} var crossobj, crossMonthObj, crossYearObj, monthSelected, yearSelected, dateSelected, omonthSelected, oyearSelected, odateSelected, monthConstructed, yearConstructed, intervalID1, intervalID2, timeoutID1, timeoutID2, ctlToPlaceValue, ctlNow, dateFormat, nStartingYear, selDayAction, isPast;
var visYear  = 0;
var visMonth = 0;
var bPageLoaded = false;
var ie  = document.all;
var dom = document.getElementById;
var ns4 = document.layers;
var today    = new Date();
var dateNow  = today.getDate();
var monthNow = today.getMonth();
var yearNow  = today.getYear();
var imgsrc   = new Array('drop1.gif','drop2.gif','left1.gif','left2.gif','right1.gif','right2.gif');
var img      = new Array();
var bShow    = false; /* hides <select> and <applet> objects (for IE only) */
function hideElement( elmID, overDiv ) {
if(ie) {
for(i = 0; i < document.all.tags( elmID ).length; i++) {
obj = document.all.tags( elmID )[i];
if(!obj || !obj.offsetParent) continue; // Find the element's offsetTop and offsetLeft relative to the BODY tag.
objLeft   = obj.offsetLeft;
objTop    = obj.offsetTop;
objParent = obj.offsetParent; while(objParent.tagName.toUpperCase() != 'BODY') {
objLeft  += objParent.offsetLeft;
objTop   += objParent.offsetTop;
objParent = objParent.offsetParent;
} objHeight = obj.offsetHeight;
objWidth  = obj.offsetWidth; if((overDiv.offsetLeft + overDiv.offsetWidth) <= objLeft);
else if((overDiv.offsetTop + overDiv.offsetHeight) <= objTop);
/* CHANGE by Charlie Roche for nested TDs*/
else if(overDiv.offsetTop >= (objTop + objHeight + obj.height));
/* END CHANGE */
else if(overDiv.offsetLeft >= (objLeft + objWidth));
else {
obj.style.visibility = 'hidden';
}
}
}
}

/*
* unhides <select> and <applet> objects (for IE only)
*/
function showElement(elmID) {
if(ie) {
for(i = 0; i < document.all.tags( elmID ).length; i++) {
obj = document.all.tags(elmID)[i];
if(!obj || !obj.offsetParent) continue;
obj.style.visibility = '';
}
}
} function HolidayRec (d, m, y, desc) {
this.d = d;
this.m = m;
this.y = y;
this.desc = desc;
} var HolidaysCounter = 0;
var Holidays = new Array(); function addHoliday (d, m, y, desc) {
Holidays[HolidaysCounter++] = new HolidayRec (d, m, y, desc);
} if (dom) {
for (i=0;i<imgsrc.length;i++) {
img[i] = new Image;
img[i].src = imgDir + imgsrc[i];
}
document.write ('<div onclick="bShow=true" id="calendar" style="z-index:+999;position:absolute;visibility:hidden;"><table width="'+((showWeekNumber==1)?250:220)+'" style="font-family:Arial;font-size:11px;border: 1px solid #A0A0A0;" bgcolor="#ffffff"><tr bgcolor="#000066"><td><table width="'+((showWeekNumber==1)?248:218)+'"><tr><td style="padding:2px;font-family:Arial;font-size:11px;"><font color="#ffffff' + '' /*C9D3E9*/ +'"><b><span id="caption"></span></b></font></td><td align="right"><a href="javascript:hideCalendar()"><img src="'+imgDir+'close.gif" width="15" height="13" border="0" /></a></td></tr></table></td></tr><tr><td style="padding:5px" bgcolor="#ffffff"><span id="content"></span></td></tr>'); if (showToday == 1) {
document.write ('<tr bgcolor="#f0f0f0"><td style="padding:5px" align="center"><span id="lblToday"></span></td></tr>');
}

document.write ('</table></div><div id="selectMonth" style="z-index:+999;position:absolute;visibility:hidden;"></div><div id="selectYear" style="z-index:+999;position:absolute;visibility:hidden;"></div>');
} var styleAnchor = 'text-decoration:none;color:black;';
var styleLightBorder = 'border:1px solid #a0a0a0;'; function swapImage(srcImg, destImg) {
if (ie) document.getElementById(srcImg).setAttribute('src',imgDir + destImg);
} function init() {
if (!ns4)
{
if (!ie) yearNow += 1900; crossobj=(dom)?document.getElementById('calendar').style : ie? document.all.calendar : document.calendar;
hideCalendar(); crossMonthObj = (dom) ? document.getElementById('selectMonth').style : ie ? document.all.selectMonth : document.selectMonth; crossYearObj = (dom) ? document.getElementById('selectYear').style : ie ? document.all.selectYear : document.selectYear; monthConstructed = false;
yearConstructed = false; if (showToday == 1) {
document.getElementById('lblToday').innerHTML = '<font color="#000066">' + todayString[language] + ' <a onmousemove="window.status=\''+gotoString[language]+'\'" onmouseout="window.status=\'\'" title="'+gotoString[language]+'" style="'+styleAnchor+'" href="javascript:monthSelected=monthNow;yearSelected=yearNow;constructCalendar();">'+dayName[language][(today.getDay()-startAt==-1)?6:(today.getDay()-startAt)]+', ' + dateNow + ' ' + monthName[language][monthNow].substring(0,3) + ' ' + yearNow + '</a></font>';
} sHTML1 = '<span id="spanLeft" style="border:1px solid #36f;cursor:pointer" onmouseover="swapImage(\'changeLeft\',\'left2.gif\');this.style.borderColor=\'#8af\';window.status=\''+scrollLeftMessage[language]+'\'" onclick="decMonth()" onmouseout="clearInterval(intervalID1);swapImage(\'changeLeft\',\'left1.gif\');this.style.borderColor=\'#36f\';window.status=\'\'" onmousedown="clearTimeout(timeoutID1);timeoutID1=setTimeout(\'StartDecMonth()\',500)" onmouseup="clearTimeout(timeoutID1);clearInterval(intervalID1)">&nbsp<img id="changeLeft" src="'+imgDir+'left1.gif" width="10" height="11" border="0">&nbsp</span> ';
sHTML1 += '<span id="spanRight" style="border:1px solid #36f;cursor:pointer" onmouseover="swapImage(\'changeRight\',\'right2.gif\');this.style.borderColor=\'#8af\';window.status=\''+scrollRightMessage[language]+'\'" onmouseout="clearInterval(intervalID1);swapImage(\'changeRight\',\'right1.gif\');this.style.borderColor=\'#36f\';window.status=\'\'" onclick="incMonth()" onmousedown="clearTimeout(timeoutID1);timeoutID1=setTimeout(\'StartIncMonth()\',500)" onmouseup="clearTimeout(timeoutID1);clearInterval(intervalID1)">&nbsp<img id="changeRight" src="'+imgDir+'right1.gif" width="10" height="11" border="0">&nbsp</span> ';
sHTML1 += '<span id="spanMonth" style="border:1px solid #36f;cursor:pointer" onmouseover="swapImage(\'changeMonth\',\'drop2.gif\');this.style.borderColor=\'#8af\';window.status=\''+selectMonthMessage[language]+'\'" onmouseout="swapImage(\'changeMonth\',\'drop1.gif\');this.style.borderColor=\'#36f\';window.status=\'\'" onclick="popUpMonth()"></span> ';
sHTML1 += '<span id="spanYear" style="border:1px solid #36f;cursor:pointer" onmouseover="swapImage(\'changeYear\',\'drop2.gif\');this.style.borderColor=\'#8af\';window.status=\''+selectYearMessage[language]+'\'" onmouseout="swapImage(\'changeYear\',\'drop1.gif\');this.style.borderColor=\'#36f\';window.status=\'\'" onclick="popUpYear()"></span> '; document.getElementById('caption').innerHTML = sHTML1; bPageLoaded=true;
}
} function hideCalendar() {
crossobj.visibility = 'hidden';
if (crossMonthObj != null) crossMonthObj.visibility = 'hidden';
if (crossYearObj != null) crossYearObj.visibility = 'hidden';
showElement('SELECT');
showElement('APPLET');
} function padZero(num) {
return (num < 10) ? '0' + num : num;
} function constructDate(d,m,y) {
sTmp = dateFormat;
sTmp = sTmp.replace ('dd','<e>');
sTmp = sTmp.replace ('d','<d>');
sTmp = sTmp.replace ('<e>',padZero(d));
sTmp = sTmp.replace ('<d>',d);
sTmp = sTmp.replace ('mmmm','<p>');
sTmp = sTmp.replace ('mmm','<o>');
sTmp = sTmp.replace ('mm','<n>');
sTmp = sTmp.replace ('m','<m>');
sTmp = sTmp.replace ('<m>',m+1);
sTmp = sTmp.replace ('<n>',padZero(m+1));
sTmp = sTmp.replace ('<o>',monthName[language][m]);
sTmp = sTmp.replace ('<p>',monthName2[language][m]);
sTmp = sTmp.replace ('yyyy',y);
return sTmp.replace ('yy',padZero(y%100));
} function closeCalendar() {
hideCalendar();
ctlToPlaceValue.value = constructDate(dateSelected,monthSelected,yearSelected);
} /*** Month Pulldown ***/
function StartDecMonth() {
intervalID1 = setInterval("decMonth()",80);
} function StartIncMonth() {
intervalID1 = setInterval("incMonth()",80);
} function incMonth () {
monthSelected++;
if (monthSelected > 11) {
monthSelected = 0;
yearSelected++;
}
constructCalendar();
} function decMonth () {
monthSelected--;
if (monthSelected < 0) {
monthSelected = 11;
yearSelected--;
}
constructCalendar();
} function constructMonth() {
popDownYear()
if (!monthConstructed) {
sHTML = "";
for (i=0; i<12; i++) {
sName = monthName[language][i];
if (i == monthSelected){
sName = '<b>' + sName + '</b>';
}
sHTML += '<tr><td id="m' + i + '" onmouseover="this.style.backgroundColor=\'#909090\'" onmouseout="this.style.backgroundColor=\'\'" style="cursor:pointer" onclick="monthConstructed=false;monthSelected=' + i + ';constructCalendar();popDownMonth();event.cancelBubble=true"><font color="#000066"> ' + sName + ' </font></td></tr>';
} document.getElementById('selectMonth').innerHTML = '<table width="70" style="font-family:Arial;font-size:11px;border:1px solid #a0a0a0;" bgcolor="#f0f0f0" cellspacing="0" onmouseover="clearTimeout(timeoutID1)" onmouseout="clearTimeout(timeoutID1);timeoutID1=setTimeout(\'popDownMonth()\',100);event.cancelBubble=true">' + sHTML + '</table>'; monthConstructed = true;
}
}

open.x168.com里面的datepicker应该可以满足你的要求。

调试易

需要一个可以在框架中使用的日期控件！

解决方案 »