<HTML><HEAD><TITLE></TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type><SCRIPT language=JavaScript1.2>// 一个简单的测试是否IE浏览器的表达式
isIE = (document.all ? true : false);// 得到IE中各元素真正的位移量,即使这个元素在一个表格中
function getIEPosX(elt) { return getIEPos(elt,"Left"); }
function getIEPosY(elt) { return getIEPos(elt,"Top"); }
function getIEPos(elt,which) {
iPos = 0
while (elt!=null) {
iPos += elt["offset" + which]
elt = elt.offsetParent
}
return iPos
}function getXBrowserRef(eltname) {
return (isIE ? document.all[eltname].style : document.layers[eltname]);
}//hideElement()触发隐藏事件
function hideElement(eltname) { getXBrowserRef(eltname).visibility = 'hidden'; }// 按不同的浏览器进行处理元件的位置
function moveBy(elt,deltaX,deltaY) {
if (isIE) {
elt.left = elt.pixelLeft + deltaX;
elt.top = elt.pixelTop + deltaY;
} else {
elt.left += deltaX;
elt.top += deltaY;
}
}function toggleVisible(eltname) {
elt = getXBrowserRef(eltname);
if (elt.visibility == 'visible' || elt.visibility == 'show') {
elt.visibility = 'hidden';
} else {
fixPosition(eltname);
elt.visibility = 'visible';
}
}function setPosition(elt,positionername,isPlacedUnder) {
positioner = null;
if (isIE) {
positioner = document.all[positionername];
elt.left = getIEPosX(positioner);
elt.top = getIEPosY(positioner);
} else {
positioner = document.images[positionername];
elt.left = positioner.x;
elt.top = positioner.y;
}
if (isPlacedUnder) { moveBy(elt,0,positioner.height); }
}//—————————————————————————————————————— // 判断浏览器
isIE = (document.all ? true : false); // 初始月份及各月份天数数组
var months = new Array("一 月", "二 月", "三 月", "四 月", "五 月", "六 月", "七 月",
"八 月", "九 月", "十 月", "十一月", "十二月");
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,
30, 31, 30, 31);
var displayMonth = new Date().getMonth();
var displayYear = new Date().getFullYear();
var displayDivName;
var displayElement; function getDays(month, year) {
//测试选择的年份是否是润年?
if (1 == month)
return ((0 == year % 4) && (0 != (year % 100))) ||
(0 == year % 400) ? 29 : 28;
else
return daysInMonth[month];
} function getToday() {
// 得到今天的日期
this.now = new Date();
this.year = this.now.getFullYear();
this.month = this.now.getMonth();
this.day = this.now.getDate();
} // 并显示今天这个月份的日历
today = new getToday(); function newCalendar(eltName,attachedElement) {
if (attachedElement) {
if (displayDivName && displayDivName != eltName) hideElement(displayDivName);
displayElement = attachedElement;
}
displayDivName = eltName;
today = new getToday();
var parseYear = parseInt(displayYear + '');
var newCal = new Date(parseYear,displayMonth,1);
var day = -1;
var startDayOfWeek = newCal.getDay();
if ((today.year == newCal.getFullYear()) &&
(today.month == newCal.getMonth()))
{
day = today.day;
}
var intDaysInMonth =
getDays(newCal.getMonth(), newCal.getFullYear());
var daysGrid = makeDaysGrid(startDayOfWeek,day,intDaysInMonth,newCal,eltName)
if (isIE) {
var elt = document.all[eltName];
elt.innerHTML = daysGrid;
} else {
var elt = document.layers[eltName].document;
elt.open();
elt.write(daysGrid);
elt.close();
}
} function incMonth(delta,eltName) {
displayMonth += delta;
if (displayMonth >= 12) {
displayMonth = 0;
incYear(1,eltName);
} else if (displayMonth <= -1) {
displayMonth = 11;
incYear(-1,eltName);
} else {
newCalendar(eltName);
}
} function incYear(delta,eltName) {
displayYear = parseInt(displayYear + '') + delta;
newCalendar(eltName);
} function makeDaysGrid(startDay,day,intDaysInMonth,newCal,eltName) {
var daysGrid;
var month = newCal.getMonth();
var year = newCal.getFullYear();
var isThisYear = (year == new Date().getFullYear());
var isThisMonth = (day > -1)
daysGrid = '<table border=1 cellspacing=0 cellpadding=2><tr><td bgcolor=#ffffff nowrap>';
daysGrid += '<font face="courier new, courier" size=2>';
daysGrid += '<a href="javascript:hideElement(\'' + eltName + '\')">x</a>';
daysGrid += ' ';
daysGrid += '<a href="javascript:incMonth(-1,\'' + eltName + '\')">« </a>'; daysGrid += '<b>';
if (isThisMonth) { daysGrid += '<font color=red>' + months[month] + '</font>'; }
else { daysGrid += months[month]; }
daysGrid += '</b>'; daysGrid += '<a href="javascript:incMonth(1,\'' + eltName + '\')"> »</a>';
daysGrid += ' ';
daysGrid += '<a href="javascript:incYear(-1,\'' + eltName + '\')">« </a>'; daysGrid += '<b>';
if (isThisYear) { daysGrid += '<font color=red>' + year + '</font>'; }
else { daysGrid += ''+year; }
daysGrid += '</b>'; daysGrid += '<a href="javascript:incYear(1,\'' + eltName + '\')"> »</a><br>';
daysGrid += ' Su Mo Tu We Th Fr Sa <br> ';
var dayOfMonthOfFirstSunday = (7 - startDay + 1);
for (var intWeek = 0; intWeek < 6; intWeek++) {
var dayOfMonth;
for (var intDay = 0; intDay < 7; intDay++) {
dayOfMonth = (intWeek * 7) + intDay + dayOfMonthOfFirstSunday - 7;
if (dayOfMonth <= 0) {
daysGrid += " ";
} else if (dayOfMonth <= intDaysInMonth) {
var color = "blue";
if (day > 0 && day == dayOfMonth) color="red";
daysGrid += '<a href="javascript:setDay(';
daysGrid += dayOfMonth + ',\'' + eltName + '\')" '
daysGrid += 'style="color:' + color + '">';
var dayString = dayOfMonth + "</a> ";
if (dayString.length == 6) dayString = '0' + dayString;
daysGrid += dayString;
}
}
if (dayOfMonth < intDaysInMonth) daysGrid += "<br> ";
}
return daysGrid + "</td></tr></table>";
} function setDay(day,eltName) {
displayElement.value = (displayMonth + 1) + "/" + day + "/" + displayYear;
hideElement(eltName);
}
//——————————————————————————————————————<!--
// fixPosition() 这个函数和前面所讲的那个函数一样
//
function fixPosition(eltname) {
elt = getXBrowserRef(eltname);
positionerImgName = eltname + 'Pos';
// hint: try setting isPlacedUnder to false
isPlacedUnder = false;
if (isPlacedUnder) {
setPosition(elt,positionerImgName,true);
} else {
setPosition(elt,positionerImgName)
}
}function toggleDatePicker(eltName,formElt) {
var x = formElt.indexOf('.');
var formName = formElt.substring(0,x);
var formEltName = formElt.substring(x+1);
newCalendar(eltName,document.forms[formName].elements[formEltName]);
toggleVisible(eltName);
}// fixPositions() 这个函数前面也讲过
function fixPositions()
{
fixPosition('daysOfMonth');
fixPosition('daysOfMonth2');
}// -->
</SCRIPT><META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff onresize=fixPositions() onLoad="toggleDatePicker('daysOfMonth','date.ret')">
<P>
<FORM name=date>
<CENTER>
<TABLE border=1 width=225>
<TBODY>
<TR>
<TD width=89>开始日期: </TD>
<TD width=120>
<INPUT name=ret size=10>
<IMG align=absMiddle alt="date picker" border=0 height=19 id=daysOfMonthPos name=daysOfMonthPos onmouseup="toggleDatePicker('daysOfMonth','date.ret')"
src="tr1010-xiaoguo2.files/tr1010-calendaricon.gif" width=19>
<DIV id=daysOfMonth style="POSITION: absolute"></DIV></TD></TR>
<TR>
<TD width=89>终止日期: </TD>
<TD width=120><INPUT name=ret2 size=10>
<IMG align=absMiddle alt="date picker" border=0 height=19 id=daysOfMonth2Pos
name=daysOfMonth2Pos onmouseup="toggleDatePicker('daysOfMonth2','date.ret2')"
src="tr1010-xiaoguo2.files/tr1010-calendaricon.gif" width=19>
<DIV id=daysOfMonth2 style="POSITION: bsolute"></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</FORM>
<P>
<SCRIPT language=JavaScript1.2> function Cancel() {
hideElement("daysOfMonth");
}</SCRIPT><SCRIPT language=JavaScript1.2>
<!--
hideElement('daysOfMonth');
hideElement('daysOfMonth2');
//-->
</SCRIPT>
</P></BODY></HTML>
<META content="text/html; charset=gb2312" http-equiv=Content-Type><SCRIPT language=JavaScript1.2>// 一个简单的测试是否IE浏览器的表达式
isIE = (document.all ? true : false);// 得到IE中各元素真正的位移量,即使这个元素在一个表格中
function getIEPosX(elt) { return getIEPos(elt,"Left"); }
function getIEPosY(elt) { return getIEPos(elt,"Top"); }
function getIEPos(elt,which) {
iPos = 0
while (elt!=null) {
iPos += elt["offset" + which]
elt = elt.offsetParent
}
return iPos
}function getXBrowserRef(eltname) {
return (isIE ? document.all[eltname].style : document.layers[eltname]);
}//hideElement()触发隐藏事件
function hideElement(eltname) { getXBrowserRef(eltname).visibility = 'hidden'; }// 按不同的浏览器进行处理元件的位置
function moveBy(elt,deltaX,deltaY) {
if (isIE) {
elt.left = elt.pixelLeft + deltaX;
elt.top = elt.pixelTop + deltaY;
} else {
elt.left += deltaX;
elt.top += deltaY;
}
}function toggleVisible(eltname) {
elt = getXBrowserRef(eltname);
if (elt.visibility == 'visible' || elt.visibility == 'show') {
elt.visibility = 'hidden';
} else {
fixPosition(eltname);
elt.visibility = 'visible';
}
}function setPosition(elt,positionername,isPlacedUnder) {
positioner = null;
if (isIE) {
positioner = document.all[positionername];
elt.left = getIEPosX(positioner);
elt.top = getIEPosY(positioner);
} else {
positioner = document.images[positionername];
elt.left = positioner.x;
elt.top = positioner.y;
}
if (isPlacedUnder) { moveBy(elt,0,positioner.height); }
}//—————————————————————————————————————— // 判断浏览器
isIE = (document.all ? true : false); // 初始月份及各月份天数数组
var months = new Array("一 月", "二 月", "三 月", "四 月", "五 月", "六 月", "七 月",
"八 月", "九 月", "十 月", "十一月", "十二月");
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,
30, 31, 30, 31);
var displayMonth = new Date().getMonth();
var displayYear = new Date().getFullYear();
var displayDivName;
var displayElement; function getDays(month, year) {
//测试选择的年份是否是润年?
if (1 == month)
return ((0 == year % 4) && (0 != (year % 100))) ||
(0 == year % 400) ? 29 : 28;
else
return daysInMonth[month];
} function getToday() {
// 得到今天的日期
this.now = new Date();
this.year = this.now.getFullYear();
this.month = this.now.getMonth();
this.day = this.now.getDate();
} // 并显示今天这个月份的日历
today = new getToday(); function newCalendar(eltName,attachedElement) {
if (attachedElement) {
if (displayDivName && displayDivName != eltName) hideElement(displayDivName);
displayElement = attachedElement;
}
displayDivName = eltName;
today = new getToday();
var parseYear = parseInt(displayYear + '');
var newCal = new Date(parseYear,displayMonth,1);
var day = -1;
var startDayOfWeek = newCal.getDay();
if ((today.year == newCal.getFullYear()) &&
(today.month == newCal.getMonth()))
{
day = today.day;
}
var intDaysInMonth =
getDays(newCal.getMonth(), newCal.getFullYear());
var daysGrid = makeDaysGrid(startDayOfWeek,day,intDaysInMonth,newCal,eltName)
if (isIE) {
var elt = document.all[eltName];
elt.innerHTML = daysGrid;
} else {
var elt = document.layers[eltName].document;
elt.open();
elt.write(daysGrid);
elt.close();
}
} function incMonth(delta,eltName) {
displayMonth += delta;
if (displayMonth >= 12) {
displayMonth = 0;
incYear(1,eltName);
} else if (displayMonth <= -1) {
displayMonth = 11;
incYear(-1,eltName);
} else {
newCalendar(eltName);
}
} function incYear(delta,eltName) {
displayYear = parseInt(displayYear + '') + delta;
newCalendar(eltName);
} function makeDaysGrid(startDay,day,intDaysInMonth,newCal,eltName) {
var daysGrid;
var month = newCal.getMonth();
var year = newCal.getFullYear();
var isThisYear = (year == new Date().getFullYear());
var isThisMonth = (day > -1)
daysGrid = '<table border=1 cellspacing=0 cellpadding=2><tr><td bgcolor=#ffffff nowrap>';
daysGrid += '<font face="courier new, courier" size=2>';
daysGrid += '<a href="javascript:hideElement(\'' + eltName + '\')">x</a>';
daysGrid += ' ';
daysGrid += '<a href="javascript:incMonth(-1,\'' + eltName + '\')">« </a>'; daysGrid += '<b>';
if (isThisMonth) { daysGrid += '<font color=red>' + months[month] + '</font>'; }
else { daysGrid += months[month]; }
daysGrid += '</b>'; daysGrid += '<a href="javascript:incMonth(1,\'' + eltName + '\')"> »</a>';
daysGrid += ' ';
daysGrid += '<a href="javascript:incYear(-1,\'' + eltName + '\')">« </a>'; daysGrid += '<b>';
if (isThisYear) { daysGrid += '<font color=red>' + year + '</font>'; }
else { daysGrid += ''+year; }
daysGrid += '</b>'; daysGrid += '<a href="javascript:incYear(1,\'' + eltName + '\')"> »</a><br>';
daysGrid += ' Su Mo Tu We Th Fr Sa <br> ';
var dayOfMonthOfFirstSunday = (7 - startDay + 1);
for (var intWeek = 0; intWeek < 6; intWeek++) {
var dayOfMonth;
for (var intDay = 0; intDay < 7; intDay++) {
dayOfMonth = (intWeek * 7) + intDay + dayOfMonthOfFirstSunday - 7;
if (dayOfMonth <= 0) {
daysGrid += " ";
} else if (dayOfMonth <= intDaysInMonth) {
var color = "blue";
if (day > 0 && day == dayOfMonth) color="red";
daysGrid += '<a href="javascript:setDay(';
daysGrid += dayOfMonth + ',\'' + eltName + '\')" '
daysGrid += 'style="color:' + color + '">';
var dayString = dayOfMonth + "</a> ";
if (dayString.length == 6) dayString = '0' + dayString;
daysGrid += dayString;
}
}
if (dayOfMonth < intDaysInMonth) daysGrid += "<br> ";
}
return daysGrid + "</td></tr></table>";
} function setDay(day,eltName) {
displayElement.value = (displayMonth + 1) + "/" + day + "/" + displayYear;
hideElement(eltName);
}
//——————————————————————————————————————<!--
// fixPosition() 这个函数和前面所讲的那个函数一样
//
function fixPosition(eltname) {
elt = getXBrowserRef(eltname);
positionerImgName = eltname + 'Pos';
// hint: try setting isPlacedUnder to false
isPlacedUnder = false;
if (isPlacedUnder) {
setPosition(elt,positionerImgName,true);
} else {
setPosition(elt,positionerImgName)
}
}function toggleDatePicker(eltName,formElt) {
var x = formElt.indexOf('.');
var formName = formElt.substring(0,x);
var formEltName = formElt.substring(x+1);
newCalendar(eltName,document.forms[formName].elements[formEltName]);
toggleVisible(eltName);
}// fixPositions() 这个函数前面也讲过
function fixPositions()
{
fixPosition('daysOfMonth');
fixPosition('daysOfMonth2');
}// -->
</SCRIPT><META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff onresize=fixPositions() onLoad="toggleDatePicker('daysOfMonth','date.ret')">
<P>
<FORM name=date>
<CENTER>
<TABLE border=1 width=225>
<TBODY>
<TR>
<TD width=89>开始日期: </TD>
<TD width=120>
<INPUT name=ret size=10>
<IMG align=absMiddle alt="date picker" border=0 height=19 id=daysOfMonthPos name=daysOfMonthPos onmouseup="toggleDatePicker('daysOfMonth','date.ret')"
src="tr1010-xiaoguo2.files/tr1010-calendaricon.gif" width=19>
<DIV id=daysOfMonth style="POSITION: absolute"></DIV></TD></TR>
<TR>
<TD width=89>终止日期: </TD>
<TD width=120><INPUT name=ret2 size=10>
<IMG align=absMiddle alt="date picker" border=0 height=19 id=daysOfMonth2Pos
name=daysOfMonth2Pos onmouseup="toggleDatePicker('daysOfMonth2','date.ret2')"
src="tr1010-xiaoguo2.files/tr1010-calendaricon.gif" width=19>
<DIV id=daysOfMonth2 style="POSITION: bsolute"></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</FORM>
<P>
<SCRIPT language=JavaScript1.2> function Cancel() {
hideElement("daysOfMonth");
}</SCRIPT><SCRIPT language=JavaScript1.2>
<!--
hideElement('daysOfMonth');
hideElement('daysOfMonth2');
//-->
</SCRIPT>
</P></BODY></HTML>
解决方案 »
- My97DatePicker日期控件通过外部域名访问报错
- 可以用js获得邮件头信息吗?比如from,to,cc,bc等
- 如何把客户端数据传到服务器端
- 如何修改拖动和关闭层的脚本为支持firefox和chrome
- 求助:封装了一个漂浮对联广告JAVASCRIPT类,设置onclick事件不生效,请问JAVASCRIPT类是怎样处理onclick事件的
- (难)confirm和alert消息框
- window.open方法打开的页面,在服务器端怎么获取opener的url
- 我的function k(t,x)为什么带了两个参数就不能用! 请指教
- jqGrid的导出EXCEL功能
- 关于前端一些数据加密问题请教
- 2个有点困难的问题(来看看吧)
- 快来帮帮我。。。师傅~~
<param name="_Version" value="524288" >
<param name="_ExtentX" value="8308">
<param name="_ExtentY" value="4075">
<param name="_StockProps" value="1">
<param name="BackColor" value="-2147483633">
<param name="Year" value="2001">
<param name="Month" value="5">
<param name="Day" value="15">
<param name="DayLength" value="0">
<param name="MonthLength" value="0">
<param name="DayFontColor" value="0">
<param name="FirstDay" value="1">
<param name="GridCellEffect" value="1">
<param name="GridFontColor" value="10485760">
<param name="GridLinesColor" value="-2147483632">
<param name="ShowDateSelectors" value="-1">
<param name="ShowDays" value="-1">
<param name="ShowHorizontalGrid" value="0">
<param name="ShowTitle" value="-1">
<param name="ShowVerticalGrid" value="0">
<param name="TitleFontColor" value="10485760">
<param name="ValueIsNull" value="0">
</object>
说明一下,这两个例子都转自www.51js.com