当前页面: 开发资料首页 → J2SE 专题 → 求Jsp日期控件

求Jsp日期控件

摘要: 求Jsp日期控件

RT

---

什么jsp日期控件？你是想要html页面上的日期控件吧？

到www.51js.com上去看，那里有

---

//----------------------------------------------------------------------------
// 日历 Javascript 页面脚本控件，适用于微软的 IE （5.0以上）浏览器
// 主调用函数是 setday(this,[object])和setday(this)，[object]是控件输出的控件名，举两个例子：
// 一、-#60;input name=txt-#62;-#60;input type=button value=setday onclick=-#34;setday(this,document.all.txt)-#34;-#62;
// 二、-#60;input onfocus=-#34;setday(this)-#34;-#62;
// 本日历的年份限制是（1000 - 9999）
// 按ESC键关闭该控件
// 在年和月的显示地方点击时会分别出年与月的下拉框
// 控件外任意点击一点即可关闭该控件
/* 以下为walkingpoison的修改说明
//-#60;input name=-#34;submitDate-#34; type=-#34;text-#34; readonly=-#34;readonly-#34; onfocus=-#34;setday(this)-#34;-#62;
Ver2.0
修改日期：2002-12-13
修改内容：
1.*全新修改使用iframe作为日历的载体，不再被select和flash等控件挡住。
2.修正了移植到iframe后移动日历控件的问题。

Ver1.5
修改日期：2002-12-4
修改内容：
1.选中的日期显示为凹下去的样式
2.修改了关闭层的方法，使得失去焦点的时候能够关闭日历。
3.修改按键处理，使得Tab切换焦点的时候可以关闭控件
4.*可以自定义日历是否可以拖动

Ver 1.4
修改日期：2002-12-3
修改内容：
1.修正选中年/月份下拉框后按Esc键导致年/月份不显示的问题
2.修正使用下拉框选择月份造成的日期错误（字符串转化为数字的问题）
3.*外观样式的改进，使得控件从丑小鸭变成了美丽的天鹅，从灰姑娘变成了高贵的公主，从……（读者可以自己进行恰当的比喻）
4.再次增大年/月份的点击空间，并对下拉框的位置稍作调整

注：*号表示比较关键的改动

---

说明：
1.受到iframe的限制，如果拖动出日历窗口，则日历会停止移动。
*/

//==================================================== 参数设定部分 =======================================================
var bMoveable=true;//设置日历是否可以拖动
var _VersionInfo=-#34;hityxn20060525-#34;//版本信息

//==================================================== WEB 页面显示部分 =====================================================
var strFrame;//存放日历层的HTML代码
document.writeln(-#39;-#60;iframe id=meizzDateLayer Author=wayx frameborder=0 style=-#34;position: absolute; width: 144; height: 211; z-index: 9998; display: none-#34;-#62;-#60;/iframe-#62;-#39;);
strFrame=-#39;-#60;style-#62;-#39;;
strFrame+=-#39;INPUT.button{BORDER-RIGHT: #1F6FDA 1px solid;BORDER-TOP: #1F6FDA 1px solid;BORDER-LEFT: #1F6FDA 1px solid;-#39;;
strFrame+=-#39;BORDER-BOTTOM: #1F6FDA 1px solid;BACKGROUND-COLOR: #fff8ec;font-family:宋体;}-#39;;
strFrame+=-#39;TD{FONT-SIZE: 9pt;font-family:宋体;}-#39;;
strFrame+=-#39;-#60;/style-#62;-#39;;
strFrame+=-#39;-#60;scr-#39; + -#39;ipt-#62;-#39;;
strFrame+=-#39;var datelayerx,datelayery;/*存放日历控件的鼠标位置*/-#39;;
strFrame+=-#39;var bDrag;/*标记是否开始拖动*/-#39;;
strFrame+=-#39;function document.onmousemove()/*在鼠标移动事件中，如果开始拖动日历，则移动日历*/-#39;;
strFrame+=-#39;{if(bDrag -#38;-#38; window.event.button==1)-#39;;
strFrame+=-#39;{var DateLayer=parent.document.all.meizzDateLayer.style;-#39;;
strFrame+=-#39;DateLayer.posLeft += window.event.clientX-datelayerx;/*由于每次移动以后鼠标位置都恢复为初始的位置，因此写法与div中不同*/-#39;;
strFrame+=-#39;DateLayer.posTop += window.event.clientY-datelayery;}}-#39;;
strFrame+=-#39;function DragStart()/*开始日历拖动*/-#39;;
strFrame+=-#39;{var DateLayer=parent.document.all.meizzDateLayer.style;-#39;;
strFrame+=-#39;datelayerx=window.event.clientX;-#39;;
strFrame+=-#39;datelayery=window.event.clientY;-#39;;
strFrame+=-#39;bDrag=true;}-#39;;
strFrame+=-#39;function DragEnd(){/*结束日历拖动*/-#39;;
strFrame+=-#39;bDrag=false;}-#39;;
strFrame+=-#39;-#60;/scr-#39; + -#39;ipt-#62;-#39;;
strFrame+=-#39;-#60;div style=-#34;z-index:9999;position: absolute; left:0; top:0;-#34; onselectstart=-#34;return false-#34;-#62;-#60;span id=tmpSelectYearLayer Author=wayx style=-#34;z-index: 9999;position: absolute;top: 3; left: 19;display: none-#34;-#62;-#60;/span-#62;-#39;;
strFrame+=-#39;-#60;span id=tmpSelectMonthLayer Author=wayx style=-#34;z-index: 9999;position: absolute;top: 3; left: 78;display: none-#34;-#62;-#60;/span-#62;-#39;;
strFrame+=-#39;-#60;table border=1 cellspacing=0 cellpadding=0 width=142 height=160 bordercolor=#1F6FDA bgcolor=#1F6FDA Author=-#34;wayx-#34;-#62;-#39;;
strFrame+=-#39; -#60;tr Author=-#34;wayx-#34;-#62;-#60;td width=142 height=23 Author=-#34;wayx-#34; bgcolor=#FFFFFF-#62;-#60;table border=0 cellspacing=1 cellpadding=0 width=140 Author=-#34;wayx-#34; height=23-#62;-#39;;
strFrame+=-#39; -#60;tr align=center Author=-#34;wayx-#34;-#62;-#60;td width=16 align=center bgcolor=#1F6FDA style=-#34;font-size:12px;cursor: hand;color: #ffffff-#34; -#39;;
strFrame+=-#39; onclick=-#34;parent.meizzPrevM()-#34; title=-#34;向前翻 1 月-#34; Author=meizz-#62;-#60;b Author=meizz-#62;-#38;lt;-#60;/b-#62;-#39;;
strFrame+=-#39; -#60;/td-#62;-#60;td width=60 align=center style=-#34;font-size:12px;cursor:default-#34; Author=meizz -#39;;
strFrame+=-#39;onmouseover=-#34;style.backgroundColor=/-#39;#FFD700/-#39;-#34; onmouseout=-#34;style.backgroundColor=/-#39;white/-#39;-#34; -#39;;
strFrame+=-#39;onclick=-#34;parent.tmpSelectYearInnerHTML(this.innerText.substring(0,4))-#34; title=-#34;点击这里选择年份-#34;-#62;-#60;span Author=meizz id=meizzYearHead-#62;-#60;/span-#62;-#60;/td-#62;-#39;;
strFrame+=-#39;-#60;td width=48 align=center style=-#34;font-size:12px;cursor:default-#34; Author=meizz onmouseover=-#34;style.backgroundColor=/-#39;#FFD700/-#39;-#34; -#39;;
strFrame+=-#39; onmouseout=-#34;style.backgroundColor=/-#39;white/-#39;-#34; onclick=-#34;parent.tmpSelectMonthInnerHTML(this.innerText.length==3?this.innerText.substring(0,1):this.innerText.substring(0,2))-#34;-#39;;
strFrame+=-#39; title=-#34;点击这里选择月份-#34;-#62;-#60;span id=meizzMonthHead Author=meizz-#62;-#60;/span-#62;-#60;/td-#62;-#39;;
strFrame+=-#39; -#60;td width=16 bgcolor=#1F6FDA align=center style=-#34;font-size:12px;cursor: hand;color: #ffffff-#34; -#39;;
strFrame+=-#39; onclick=-#34;parent.meizzNextM()-#34; title=-#34;向后翻 1 月-#34; Author=meizz-#62;-#60;b Author=meizz-#62;-#38;gt;-#60;/b-#62;-#60;/td-#62;-#60;/tr-#62;-#39;;
strFrame+=-#39; -#60;/table-#62;-#60;/td-#62;-#60;/tr-#62;-#39;;
strFrame+=-#39; -#60;tr Author=-#34;wayx-#34;-#62;-#60;td width=142 height=18 Author=-#34;wayx-#34;-#62;-#39;;
strFrame+=-#39;-#60;table border=1 cellspacing=0 cellpadding=0 bgcolor=#1F6FDA -#39; + (bMoveable? -#39;onmousedown=-#34;DragStart()-#34; onmouseup=-#34;DragEnd()-#34;-#39;:-#39;-#39;);
strFrame+=-#39; BORDERCOLORLIGHT=#1F6FDA BORDERCOLORDARK=#FFFFFF width=140 height=20 Author=-#34;wayx-#34; style=-#34;cursor:-#39; + (bMoveable ? -#39;move-#39;:-#39;default-#39;) + -#39;-#34;-#62;-#39;;
strFrame+=-#39;-#60;tr Author=-#34;wayx-#34; align=center valign=bottom-#62;-#60;td style=-#34;font-size:12px;color:#FFFFFF-#34; Author=meizz-#62;日-#60;/td-#62;-#39;;
strFrame+=-#39;-#60;td style=-#34;font-size:12px;color:#FFFFFF-#34; Author=meizz-#62;一-#60;/td-#62;-#60;td style=-#34;font-size:12px;color:#FFFFFF-#34; Author=meizz-#62;二-#60;/td-#62;-#39;;
strFrame+=-#39;-#60;td style=-#34;font-size:12px;color:#FFFFFF-#34; Author=meizz-#62;三-#60;/td-#62;-#60;td style=-#34;font-size:12px;color:#FFFFFF-#34; Author=meizz-#62;四-#60;/td-#62;-#39;;
strFrame+=-#39;-#60;td style=-#34;font-size:12px;color:#FFFFFF-#34; Author=meizz-#62;五-#60;/td-#62;-#60;td style=-#34;font-size:12px;color:#FFFFFF-#34; Author=meizz-#62;六-#60;/td-#62;-#60;/tr-#62;-#39;;
strFrame+=-#39;-#60;/table-#62;-#60;/td-#62;-#60;/tr-#62;-#60;!-- Author:F.R.Huang(meizz) http://www.meizz.com/ mail: meizz@hzcnc.com 2002-10-8 ---#62;-#39;;
strFrame+=-#39; -#60;tr Author=-#34;wayx-#34;-#62;-#60;td width=142 height=120 Author=-#34;wayx-#34;-#62;-#39;;
strFrame+=-#39; -#60;table border=1 cellspacing=2 cellpadding=0 BORDERCOLORLIGHT=#1F6FDA BORDERCOLORDARK=#FFFFFF bgcolor=#fff8ec width=140 height=120 Author=-#34;wayx-#34;-#62;-#39;;
var n=0; for (j=0;j-#60;5;j++){ strFrame+= -#39; -#60;tr align=center Author=-#34;wayx-#34;-#62;-#39;; for (i=0;i-#60;7;i++){
strFrame+=-#39;-#60;td width=20 height=20 id=meizzDay-#39;+n+-#39; style=-#34;font-size:12px-#34; Author=meizz onclick=parent.meizzDayClick(this.innerText,0)-#62;-#60;/td-#62;-#39;;n++;}
strFrame+=-#39;-#60;/tr-#62;-#39;;}
strFrame+=-#39; -#60;tr align=center Author=-#34;wayx-#34;-#62;-#39;;
for (i=35;i-#60;39;i++)strFrame+=-#39;-#60;td width=20 height=20 id=meizzDay-#39;+i+-#39; style=-#34;font-size:12px-#34; Author=wayx onclick=-#34;parent.meizzDayClick(this.innerText,0)-#34;-#62;-#60;/td-#62;-#39;;
strFrame+=-#39; -#60;td colspan=3 align=right Author=meizz-#62;-#60;span onclick=parent.closeLayer() style=-#34;font-size:12px;cursor: hand-#34;-#39;;
strFrame+=-#39; Author=meizz title=-#34;-#39; + _VersionInfo + -#39;-#34;-#62;-#60;u-#62;关闭-#60;/u-#62;-#60;/span-#62;-#38;nbsp;-#60;/td-#62;-#60;/tr-#62;-#39;;
strFrame+=-#39; -#60;/table-#62;-#60;/td-#62;-#60;/tr-#62;-#60;tr Author=-#34;wayx-#34;-#62;-#60;td Author=-#34;wayx-#34;-#62;-#39;;
strFrame+=-#39; -#60;table border=0 cellspacing=1 cellpadding=0 width=100% Author=-#34;wayx-#34; bgcolor=#FFFFFF-#62;-#39;;
strFrame+=-#39; -#60;tr Author=-#34;wayx-#34;-#62;-#60;td Author=meizz align=left-#62;-#60;input Author=meizz type=button class=button value=-#34;-#60;-#60;-#34; title=-#34;向前翻 1 年-#34; onclick=-#34;parent.meizzPrevY()-#34; -#39;;
strFrame+=-#39; onfocus=-#34;this.blur()-#34; style=-#34;font-size: 12px; height: 20px-#34;-#62;-#60;input Author=meizz class=button title=-#34;向前翻 1 月-#34; type=button -#39;;
strFrame+=-#39; value=-#34;-#60; -#34; onclick=-#34;parent.meizzPrevM()-#34; onfocus=-#34;this.blur()-#34; style=-#34;font-size: 12px; height: 20px-#34;-#62;-#60;/td-#62;-#60;td -#39;;
strFrame+=-#39; Author=meizz align=center-#62;-#60;input Author=meizz type=button class=button value=Today onclick=-#34;parent.meizzToday()-#34; -#39;;
strFrame+=-#39; onfocus=-#34;this.blur()-#34; title=-#34;当前日期-#34; style=-#34;font-size: 12px; height: 20px; cursor:hand-#34;-#62;-#60;/td-#62;-#60;td -#39;;
strFrame+=-#39; Author=meizz align=right-#62;-#60;input Author=meizz type=button class=button value=-#34; -#62;-#34; onclick=-#34;parent.meizzNextM()-#34; -#39;;
strFrame+=-#39; onfocus=-#34;this.blur()-#34; title=-#34;向后翻 1 月-#34; class=button style=-#34;font-size: 12px; height: 20px-#34;-#62;-#60;input -#39;;
strFrame+=-#39; Author=meizz type=button class=button value=-#34;-#62;-#62;-#34; title=-#34;向后翻 1 年-#34; onclick=-#34;parent.meizzNextY()-#34;-#39;;
strFrame+=-#39; onfocus=-#34;this.blur()-#34; style=-#34;font-size: 12px; height: 20px-#34;-#62;-#60;/td-#62;-#39;;
strFrame+=-#39;-#60;/tr-#62;-#60;/table-#62;-#60;/td-#62;-#60;/tr-#62;-#60;/table-#62;-#60;/div-#62;-#39;;

window.frames.meizzDateLayer.document.writeln(strFrame);
window.frames.meizzDateLayer.document.close();//解决ie进度条不结束的问题

//==================================================== WEB 页面显示部分 ======================================================

---

var outObject;
var outButton;//点击的按钮
var outDate=-#34;-#34;;//存放对象的日期
var odatelayer=window.frames.meizzDateLayer.document.all;//存放日历对象
function setday(tt,obj) //主调函数
{
if (arguments.length -#62; 2){alert(-#34;对不起！传入本控件的参数太多！-#34;);return;}
if (arguments.length == 0){alert(-#34;对不起！您没有传回本控件任何参数！-#34;);return;}
var dads = document.all.meizzDateLayer.style;
var th = tt;
var ttop = tt.offsetTop; //TT控件的定位点高
var thei = tt.clientHeight; //TT控件本身的高
var tleft = tt.offsetLeft; //TT控件的定位点宽
var ttyp = tt.type; //TT控件的类型
while (tt = tt.offsetParent){ttop+=tt.offsetTop; tleft+=tt.offsetLeft;}
dads.top = (ttyp==-#34;image-#34;)? ttop+thei : ttop+thei+6;
dads.left = tleft;
outObject = (arguments.length == 1) ? th : obj;
outButton = (arguments.length == 1) ? null : th;//设定外部点击的按钮
//根据当前输入框的日期显示日历的年月
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] -#38;-#38; d.getMonth()==r[2] -#38;-#38; d.getDate()==r[3]){
outDate=d;//保存外部传入的日期
}
else outDate=-#34;-#34;;
meizzSetDay(r[1],r[2]+1);
}
else{
outDate=-#34;-#34;;
meizzSetDay(new Date().getFullYear(), new Date().getMonth() + 1);
}
dads.display = -#39;-#39;;

event.returnValue=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 meizzWDay=new Array(39); //定义写日期的数组

function document.onclick() //任意点击时关闭该控件//ie6的情况可以由下面的切换焦点处理代替
{
with(window.event)
{ if (srcElement.getAttribute(-#34;Author-#34;)==null -#38;-#38; srcElement != outObject -#38;-#38; srcElement != outButton)
closeLayer();
}
}

function document.onkeyup()//按Esc键关闭，切换焦点关闭
{
if (window.event.keyCode==27){
if(outObject)outObject.blur();
closeLayer();
}
else if(document.activeElement)
if(document.activeElement.getAttribute(-#34;Author-#34;)==null -#38;-#38; document.activeElement != outObject -#38;-#38; document.activeElement != outButton)
{
closeLayer();
}
}

function meizzWriteHead(yy,mm) //往 head 中写入当前的年与月
{
odatelayer.meizzYearHead.innerText = yy + -#34; 年-#34;;
odatelayer.meizzMonthHead.innerText = mm + -#34; 月-#34;;
}

function tmpSelectYearInnerHTML(strYear) //年份的下拉框
{
if (strYear.match(//D/)!=null){alert(-#34;年份输入参数不是数字！-#34;);return;}
var m = (strYear) ? strYear : new Date().getFullYear();
if (m -#60; 1000 || m -#62; 9999) {alert(-#34;年份值不在 1000 到 9999 之间！-#34;);return;}
var n = m - 10;
if (n -#60; 1000) n = 1000;
if (n + 26 -#62; 9999) n = 9974;
var s = -#34;-#60;select Author=meizz name=tmpSelectYear style=-#39;font-size: 12px-#39; -#34;
s += -#34;onblur=-#39;document.all.tmpSelectYearLayer.style.display=/-#34;none/-#34;-#39; -#34;
s += -#34;onchange=-#39;document.all.tmpSelectYearLayer.style.display=/-#34;none/-#34;;-#34;
s += -#34;parent.meizzTheYear = this.value; parent.meizzSetDay(parent.meizzTheYear,parent.meizzTheMonth)-#39;-#62;/r/n-#34;;
var selectInnerHTML = s;
for (var i = n; i -#60; n + 26; i++)
{
if (i == m)
{selectInnerHTML += -#34;-#60;option Author=wayx value=-#39;-#34; + i + -#34;-#39; selected-#62;-#34; + i + -#34;年-#34; + -#34;-#60;/option-#62;/r/n-#34;;}
else {selectInnerHTML += -#34;-#60;option Author=wayx value=-#39;-#34; + i + -#34;-#39;-#62;-#34; + i + -#34;年-#34; + -#34;-#60;/option-#62;/r/n-#34;;}
}
selectInnerHTML += -#34;-#60;/select-#62;-#34;;
odatelayer.tmpSelectYearLayer.style.display=-#34;-#34;;
odatelayer.tmpSelectYearLayer.innerHTML = selectInnerHTML;
odatelayer.tmpSelectYear.focus();
}

function tmpSelectMonthInnerHTML(strMonth) //月份的下拉框
{
if (strMonth.match(//D/)!=null){alert(-#34;月份输入参数不是数字！-#34;);return;}
var m = (strMonth) ? strMonth : new Date().getMonth() + 1;
var s = -#34;-#60;select Author=meizz name=tmpSelectMonth style=-#39;font-size: 12px-#39; -#34;
s += -#34;onblur=-#39;document.all.tmpSelectMonthLayer.style.display=/-#34;none/-#34;-#39; -#34;
s += -#34;onchange=-#39;document.all.tmpSelectMonthLayer.style.display=/-#34;none/-#34;;-#34;
s += -#34;parent.meizzTheMonth = this.value; parent.meizzSetDay(parent.meizzTheYear,parent.meizzTheMonth)-#39;-#62;/r/n-#34;;
var selectInnerHTML = s;
for (var i = 1; i -#60; 13; i++)
{
if (i == m)
{selectInnerHTML += -#34;-#60;option Author=wayx value=-#39;-#34;+i+-#34;-#39; selected-#62;-#34;+i+-#34;月-#34;+-#34;-#60;/option-#62;/r/n-#34;;}
else {selectInnerHTML += -#34;-#60;option Author=wayx value=-#39;-#34;+i+-#34;-#39;-#62;-#34;+i+-#34;月-#34;+-#34;-#60;/option-#62;/r/n-#34;;}
}
selectInnerHTML += -#34;-#60;/select-#62;-#34;;
odatelayer.tmpSelectMonthLayer.style.display=-#34;-#34;;
odatelayer.tmpSelectMonthLayer.innerHTML = selectInnerHTML;
odatelayer.tmpSelectMonth.focus();
}

function closeLayer() //这个层的关闭
{
document.all.meizzDateLayer.style.display=-#34;none-#34;;
}

function IsPinYear(year) //判断是否闰平年
{
if (0==year%4-#38;-#38;((year%100!=0)||(year%400==0))) return true;else return false;
}

---

告诉邮箱,发给你一个

---

function GetMonthCount(year,month) //闰年二月为29天
{
var c=MonHead[month-1];if((month==2)-#38;-#38;IsPinYear(year)) c++;return c;
}
function GetDOW(day,month,year) //求某天的星期几
{
var dt=new Date(year,month-1,day).getDay()/7; return dt;
}

function meizzPrevY() //往前翻 Year
{
if(meizzTheYear -#62; 999 -#38;-#38; meizzTheYear -#60;10000){meizzTheYear--;}
else{alert(-#34;年份超出范围（1000-9999）！-#34;);}
meizzSetDay(meizzTheYear,meizzTheMonth);
}
function meizzNextY() //往后翻 Year
{
if(meizzTheYear -#62; 999 -#38;-#38; meizzTheYear -#60;10000){meizzTheYear++;}
else{alert(-#34;年份超出范围（1000-9999）！-#34;);}
meizzSetDay(meizzTheYear,meizzTheMonth);
}
function meizzToday() //Today Button
{
var today;
meizzTheYear = new Date().getFullYear();
meizzTheMonth = new Date().getMonth()+1;
today=new Date().getDate();
//meizzSetDay(meizzTheYear,meizzTheMonth);
if(outObject){
if(meizzTheMonth-#60;10)
outObject.value=meizzTheYear + -#34;.0-#34; + meizzTheMonth + -#34;.-#34; + today;
else
outObject.value=meizzTheYear + -#34;.-#34; + meizzTheMonth + -#34;.-#34; + today;
}
closeLayer();
}
function meizzPrevM() //往前翻月份
{
if(meizzTheMonth-#62;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 -#60; 39; i++){meizzWDay[i]=-#34;-#34;}; //将显示框的内容全部清空
var day1 = 1,day2=1,firstday = new Date(yy,mm-1,1).getDay(); //某月第一天的星期几
for (i=0;i-#60;firstday;i++)meizzWDay[i]=GetMonthCount(mm==1?yy-1:yy,mm==1?12:mm-1)-firstday+i+1//上个月的最后几天
for (i = firstday; day1 -#60; GetMonthCount(yy,mm)+1; i++){meizzWDay[i]=day1;day1++;}
for (i=firstday+GetMonthCount(yy,mm);i-#60;39;i++){meizzWDay[i]=day2;day2++}
for (i = 0; i -#60; 39; i++)
{ var da = eval(-#34;odatelayer.meizzDay-#34;+i) //书写新的一个月的日期星期排列
if (meizzWDay[i]!=-#34;-#34;)
{
//初始化边框
da.borderColorLight=-#34;#1F6FDA-#34;;
da.borderColorDark=-#34;#FFFFFF-#34;;
if(i-#60;firstday)//上个月的部分
{
da.innerHTML=-#34;-#60;b-#62;-#60;font color=gray-#62;-#34; + meizzWDay[i] + -#34;-#60;/font-#62;-#60;/b-#62;-#34;;
da.title=(mm==1?12:mm-1) +-#34;月-#34; + meizzWDay[i] + -#34;日-#34;;
da.onclick=Function(-#34;meizzDayClick(this.innerText,-1)-#34;);
if(!outDate)
da.style.backgroundColor = ((mm==1?yy-1:yy) == new Date().getFullYear() -#38;-#38;
(mm==1?12:mm-1) == new Date().getMonth()+1 -#38;-#38; meizzWDay[i] == new Date().getDate()) ?
-#34;#FFD700-#34;:-#34;#e0e0e0-#34;;
else
{
da.style.backgroundColor =((mm==1?yy-1:yy)==outDate.getFullYear() -#38;-#38; (mm==1?12:mm-1)== outDate.getMonth() + 1 -#38;-#38;
meizzWDay[i]==outDate.getDate())? -#34;#00ffff-#34; :
(((mm==1?yy-1:yy) == new Date().getFullYear() -#38;-#38; (mm==1?12:mm-1) == new Date().getMonth()+1 -#38;-#38;
meizzWDay[i] == new Date().getDate()) ? -#34;#FFD700-#34;:-#34;#e0e0e0-#34;);
//将选中的日期显示为凹下去
if((mm==1?yy-1:yy)==outDate.getFullYear() -#38;-#38; (mm==1?12:mm-1)== outDate.getMonth() + 1 -#38;-#38;
meizzWDay[i]==outDate.getDate())
{
da.borderColorLight=-#34;#FFFFFF-#34;;
da.borderColorDark=-#34;#1F6FDA-#34;;
}
}
}
else if (i-#62;=firstday+GetMonthCount(yy,mm))//下个月的部分
{
da.innerHTML=-#34;-#60;b-#62;-#60;font color=gray-#62;-#34; + meizzWDay[i] + -#34;-#60;/font-#62;-#60;/b-#62;-#34;;
da.title=(mm==12?1:mm+1) +-#34;月-#34; + meizzWDay[i] + -#34;日-#34;;
da.onclick=Function(-#34;meizzDayClick(this.innerText,1)-#34;);
if(!outDate)
da.style.backgroundColor = ((mm==12?yy+1:yy) == new Date().getFullYear() -#38;-#38;
(mm==12?1:mm+1) == new Date().getMonth()+1 -#38;-#38; meizzWDay[i] == new Date().getDate()) ?
-#34;#FFD700-#34;:-#34;#e0e0e0-#34;;
else
{
da.style.backgroundColor =((mm==12?yy+1:yy)==outDate.getFullYear() -#38;-#38; (mm==12?1:mm+1)== outDate.getMonth() + 1 -#38;-#38;
meizzWDay[i]==outDate.getDate())? -#34;#00ffff-#34; :
(((mm==12?yy+1:yy) == new Date().getFullYear() -#38;-#38; (mm==12?1:mm+1) == new Date().getMonth()+1 -#38;-#38;
meizzWDay[i] == new Date().getDate()) ? -#34;#FFD700-#34;:-#34;#e0e0e0-#34;);
//将选中的日期显示为凹下去
if((mm==12?yy+1:yy)==outDate.getFullYear() -#38;-#38; (mm==12?1:mm+1)== outDate.getMonth() + 1 -#38;-#38;
meizzWDay[i]==outDate.getDate())
{
da.borderColorLight=-#34;#FFFFFF-#34;;
da.borderColorDark=-#34;#1F6FDA-#34;;
}
}
}
else//本月的部分
{
da.innerHTML=-#34;-#60;b-#62;-#34; + meizzWDay[i] + -#34;-#60;/b-#62;-#34;;
da.title=mm +-#34;月-#34; + meizzWDay[i] + -#34;日-#34;;
da.onclick=Function(-#34;meizzDayClick(this.innerText,0)-#34;);//给td赋予onclick事件的处理
//如果是当前选择的日期，则显示亮蓝色的背景；如果是当前日期，则显示暗黄色背景
if(!outDate)
da.style.backgroundColor = (yy == new Date().getFullYear() -#38;-#38; mm == new Date().getMonth()+1 -#38;-#38; meizzWDay[i] == new Date().getDate())?
-#34;#FFD700-#34;:-#34;#e0e0e0-#34;;
else
{
da.style.backgroundColor =(yy==outDate.getFullYear() -#38;-#38; mm== outDate.getMonth() + 1 -#38;-#38; meizzWDay[i]==outDate.getDate())?
-#34;#00ffff-#34;:((yy == new Date().getFullYear() -#38;-#38; mm == new Date().getMonth()+1 -#38;-#38; meizzWDay[i] == new Date().getDate())?
-#34;#FFD700-#34;:-#34;#e0e0e0-#34;);
//将选中的日期显示为凹下去
if(yy==outDate.getFullYear() -#38;-#38; mm== outDate.getMonth() + 1 -#38;-#38; meizzWDay[i]==outDate.getDate())
{
da.borderColorLight=-#34;#FFFFFF-#34;;
da.borderColorDark=-#34;#1F6FDA-#34;;
}
}
}
da.style.cursor=-#34;hand-#34;
}
else{da.innerHTML=-#34;-#34;;da.style.backgroundColor=-#34;-#34;;da.style.cursor=-#34;default-#34;}
}
}

function meizzDayClick(n,ex) //点击显示框选取日期，主输入函数*************
{
var yy=meizzTheYear;
var mm = parseInt(meizzTheMonth)+ex;//ex表示偏移量，用于选择上个月份和下个月份的日期
//判断月份，并进行对应的处理
if(mm-#60;1){
yy--;
mm=12+mm;
}
else if(mm-#62;12){
yy++;
mm=mm-12;
}

if (mm -#60; 10){mm = -#34;0-#34; + mm;}
if (outObject)
{
if (!n) {//outObject.value=-#34;-#34;;
return;}
if ( n -#60; 10){n = -#34;0-#34; + n;}
outObject.value= yy + -#34;.-#34; + mm + -#34;.-#34; + n ; //注：在这里你可以输出改成你想要的格式
closeLayer();
}
else {closeLayer(); alert(-#34;您所要输出的控件对象并不存在！-#34;);}
}

---

我的Email d-angle2008@163.com

---

在jsp页面加一个javascript
function fPopUpCalendarDlg(ctrlobj) {
var showx = event.screenX - event.offsetX; // + deltaX;
var showy = event.screenY - event.offsetY + 18; // + deltaY;
var newWINwidth = 210 + 4 + 18;
var retval = window.showModalDialog(-#34;pub/CalendarDlg.htm-#34;, -#34;-#34;,-#34;dialogWidth:197px; dialogHeight:210px; dialogLeft:-#34; + showx +-#34;px; dialogTop:-#34; + showy +-#34;px; status:no; directories:yes;scrollbars:no;Resizable=no; -#34;);
if (retval != null) {
ctrlobj.value = retval;
}
}
这样用就可以了
-#60;input readonly=-#34;true-#34; name=-#34;startDate-#34; type=-#34;text-#34; class=-#34;altbg2-#34; onclick=-#34;javascript:fPopUpCalendarDlg(document.all[-#39;startDate-#39;]);-#34;-#62;
发到你邮箱里去了，一个pub包,里面放的是js等

---