<SCRIPT language="JavaScript"> // 一个简单的测试是否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]);
} 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, pos)
{
elt = getXBrowserRef(eltname);
if (elt.visibility == 'visible' || elt.visibility == 'show')
{
elt.visibility = 'hidden';
}
else
{
fixPosition(eltname, pos);
elt.visibility = 'visible';
}
} function setPosition(elt,positionername,isPlacedUnder)
{
positioner = null;
if (isIE)
{
positioner = document.all[positionername];
elt.left = getIEPosX(positioner);
elt.top = getIEPosY(positioner)+20;
}
else
{
positioner = document.images[positionername];
elt.left = positioner.x;
elt.top = positioner.y;
}
if (isPlacedUnder)
{
moveBy(elt,0,positioner.height);
}
} // 初始月份及各月份天数数组
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();
} // 显示今天这个月份的日历
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 = displayYear + "-" + (displayMonth + 1) + "-" + day ;
hideElement(eltName);
}
function fixPosition( eltname, pos )
{
elt = getXBrowserRef(eltname);
positionerName = pos;
// hint: try setting isPlacedUnder to false
isPlacedUnder = false;
if( isPlacedUnder )
{
setPosition(elt,positionerName,true);
}
else
{
setPosition(elt,positionerName)
}
} function toggleDatePicker(eltName,formElt, pos)
{
var x = formElt.indexOf('.');
var formName = formElt.substring(0,x);
var formEltName = formElt.substring(x+1);
if( formName.length > 0 )
newCalendar(eltName,document.forms[formName].elements[formEltName]);
else
newCalendar(eltName,document.all[formEltName]);
toggleVisible(eltName, pos);
}
function c_bgcolor(textbox)//失焦点
{ textbox.style.backgroundColor="#ffffff";
}
</SCRIPT>
<asp:textbox id="date"
onfocus="return toggleDatePicker('calendar', 'date', 'date');" runat="server" Width="100" ReadOnly="True"></asp:textbox>
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]);
} 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, pos)
{
elt = getXBrowserRef(eltname);
if (elt.visibility == 'visible' || elt.visibility == 'show')
{
elt.visibility = 'hidden';
}
else
{
fixPosition(eltname, pos);
elt.visibility = 'visible';
}
} function setPosition(elt,positionername,isPlacedUnder)
{
positioner = null;
if (isIE)
{
positioner = document.all[positionername];
elt.left = getIEPosX(positioner);
elt.top = getIEPosY(positioner)+20;
}
else
{
positioner = document.images[positionername];
elt.left = positioner.x;
elt.top = positioner.y;
}
if (isPlacedUnder)
{
moveBy(elt,0,positioner.height);
}
} // 初始月份及各月份天数数组
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();
} // 显示今天这个月份的日历
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 = displayYear + "-" + (displayMonth + 1) + "-" + day ;
hideElement(eltName);
}
function fixPosition( eltname, pos )
{
elt = getXBrowserRef(eltname);
positionerName = pos;
// hint: try setting isPlacedUnder to false
isPlacedUnder = false;
if( isPlacedUnder )
{
setPosition(elt,positionerName,true);
}
else
{
setPosition(elt,positionerName)
}
} function toggleDatePicker(eltName,formElt, pos)
{
var x = formElt.indexOf('.');
var formName = formElt.substring(0,x);
var formEltName = formElt.substring(x+1);
if( formName.length > 0 )
newCalendar(eltName,document.forms[formName].elements[formEltName]);
else
newCalendar(eltName,document.all[formEltName]);
toggleVisible(eltName, pos);
}
function c_bgcolor(textbox)//失焦点
{ textbox.style.backgroundColor="#ffffff";
}
</SCRIPT>
<asp:textbox id="date"
onfocus="return toggleDatePicker('calendar', 'date', 'date');" runat="server" Width="100" ReadOnly="True"></asp:textbox>
解决方案 »
- 紧急求助
- 使用textbox控件时,错误提示:从客户端(TextBox1="dsfgdsf<br/>sfd")中检测到有潜在危险的 Request.Form 值
- 请问怎么在分页中加入分页跳转
- SqlDateTime 溢出。必须介于 1/1/1753 12:00:00 AM 和 12/31/9999 11:59:59 PM 之间。
- 怎样把图片重新绘制,但是质量保持不变!
- 如何获取远程图片并将它保存到自己服务器上?
- repeater中dropdownlist显示问题
- asp.net里面莫名其妙的错误。高手进来
- 如何在C#中调用扫描仪来存储相片
- 当前论坛上的普通会员和高级会员是怎样管理的(原理)
- 抢分了,关于在客户端使用webservice的步骤
- 如何在Asp中准确输出sql字段中的日期记录
<form name="frmCalendar">
<input name="txtDate" type="text" />
<a href="javascript:calendar_window=window.open('calendar.aspx?formname=frmCalendar.txtDate','calendar_window','width=154,height=188');calendar_window.focus()">
Calendar
</a>
</form> 2. calendar.aspx:
<%@ Page Language="c#" %><script runat="server">
void Calendar1_SelectionChanged(Object sender, System.EventArgs e)
{
string strjscript = "<script language='javascript'>";
strjscript += "window.opener." + HttpContext.Current.Request.QueryString["formname"];
strjscript += ".value = '" + Calendar1.SelectedDate.ToString("d") + "';window.close();";
strjscript += "</script" + ">"; //Don't ask, tool bug.
Literal1.Text = strjscript;
}
void Calendar1_DayRender(Object source, DayRenderEventArgs e)
{
if (e.Day.Date.ToString("d") == DateTime.Now.ToString("d"))
{
e.Cell.BackColor = System.Drawing.Color.LightGray;
}
}
</script><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
<head>
<title>Choose a Date</title>
</head>
<body leftmargin="0" topmargin="0">
<form runat="server">
<asp:Calendar id="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged" OnDayRender="Calendar1_DayRender" showtitle="true" DayNameFormat="FirstTwoLetters" SelectionMode="Day" BackColor="#ffffff" FirstDayOfWeek="Monday" BorderColor="#000000" ForeColor="#00000" Height="60" Width="120">
<TitleStyle backcolor="#000080" forecolor="#ffffff" />
<NextPrevStyle backcolor="#000080" forecolor="#ffffff" />
<OtherMonthDayStyle forecolor="#c0c0c0" />
</asp:Calendar>
<asp:Literal id="Literal1" runat="server"></asp:Literal>
</form>
</body>
</html>
private void Calendar1_SelectionChanged(object sender, System.EventArgs e)
{
string SelDate=Calendar1.SelectedDate.ToShortDateString();
this.RiQi.Value=SelDate;
this.Panel2.Visible=false;//将用户选定的一天,加入文本框
}