100分求购日期输入弹出框

第一部分。。
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<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]);
}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);
}
//--------------------------------------
</SCRIPT>
<META content="MSHTML 5.50.4807.2300" name=GENERATOR>
</HEAD>
<BODY onresize=fixPositions() bgColor=#ffffff>
<P> 
<FORM name=date>
  <CENTER>
    <TABLE width=225 border=1>
      <TBODY>
      <TR>
        <TD width=89>开始日期: </TD>
        <TD width=120>
          <INPUT size=10 name=ret>
          <IMG
      onmouseup="toggleDatePicker('daysOfMonth','date.ret')" id=daysOfMonthPos
      height=19 alt="date picker"
      src="tr1010-xiaoguo2.files/tr1010-calendaricon.gif" width=19
      align=absMiddle border=0 name=daysOfMonthPos>
          <DIV id=daysOfMonth style="POSITION: absolute"></DIV>
        </TD>
      </TR>
      <TR>
        <TD width=89>终止日期: </TD>
        <TD width=120>
          <INPUT size=10 name=ret2>
          <IMG
      onmouseup="toggleDatePicker('daysOfMonth2','date.ret2')"
      id=daysOfMonth2Pos height=19 alt="date picker"
      src="tr1010-xiaoguo2.files/tr1010-calendaricon.gif" width=19
      align=absMiddle border=0 name=daysOfMonth2Pos>
          <DIV id=daysOfMonth2
style="POSITION: absolute"></DIV>
        </TD>
      </TR>
      </TBODY>
    </TABLE>
  </CENTER>
</FORM>
<P>
  <SCRIPT language=JavaScript1.2> function Cancel() {
        hideElement("daysOfMonth");
}</SCRIPT>
  <SCRIPT language=JavaScript1.2>

</SCRIPT>
</P>
</BODY>
</HTML>

weidegong(weidegong)的不错。我有一个更好的。:)

To Andrawu(Andrawu) ：
贴出来。以后这种问题，就看这个帖子了

To: JK_10000(JK1) 你可以修改代码。可以改成任意格式的呀，就是输出的那句

var a = new Array('','1','2','3','4','5','6','7','8','9','10','11','12');
month = a[month];
document.forms[0].date1.value = ""+year+"-"+month+"-"+date;拷贝知注意换行的问题

[email protected]
多谢了，不胜感激

发了！
代码多，谁要留下mail

第一个js为:
datepicker.jsvar m_iDatePickerCount=0;
var cl_dpMaxYear=9999;
var cl_dpMaxMonth=11;
var cl_dpMaxDay=31;
var cl_dpMinYear=1600;
var cl_dpMinMonth=0;
var cl_dpMinDay=1;function createDatePicker(txtName,yname,mname,dname,lYear,lMonth,lDay)
{
var dpID="dp_"+(m_iDatePickerCount++);
var dt=dp_getValidDate(lYear,lMonth,lDay);
if(dt==null)
dt=new Date(); document.write("<span class=DPFrame id="+dpID+">");
document.write("<input class=DPYear name="+yname+" type=text value="+dt.getFullYear()+" size=4 maxlength=4 onfocus=\"return dp_focus('year');\" onblur=\"return dp_blur('year');\" onkeypress=\"return KeyFilter('number');\" onkeydown=\"return dp_keyDown('year');\">");
document.write("<font class=DPYearDes>年</font>");
document.write("<input class=DPMonth name="+mname+" type=text value="+(dt.getMonth()+1)+" size=2 maxlength=2 onfocus=\"return dp_focus('month');\" onblur=\"return dp_blur('month');\" onkeypress=\"return KeyFilter('number');\" onkeydown=\"return dp_keyDown('month');\">");
document.write("<font class=DPMonthDes>月</font>");
document.write("<input class=DPDay name="+dname+" type=text value="+dt.getDate()+" size=2 maxlength=2 onfocus=\"return dp_focus('day');\" onblur=\"return dp_blur('day');\" onkeypress=\"return KeyFilter('number');\" onkeydown=\"return dp_keyDown('day');\">");
document.write("<font class=DPDayDes>日</font>");
document.write("<span class=DPSep></span>");
document.write("<a class=DPDropBtn href=\"\" onclick=\"dp_DropClick();return false;\" title=\"选择日期\">▼</a>");
if(typeof(txtName)=="string" && txtName.length>0)
{
document.write("<input type=hidden value='"+dt.format("yyyy/mm/dd")+"' name="+txtName+">");
}
document.write("</span>"); var dp=document.all(dpID);
dp_initDatePicker(dp,dt);
return dp;
}function dp_getValidDate(lYear,lMonth,lDay)
{
var dt=new Date();
if(lYear==null || isNaN(parseInt(lYear,10)))
lYear=dt.getFullYear();
else
lYear=parseInt(lYear,10); if(lMonth==null || isNaN(parseInt(lMonth,10)))
lMonth=dt.getMonth();
else
lMonth=parseInt(lMonth,10)-1; if(lDay==null || isNaN(parseInt(lDay,10)))
lDay=dt.getDate();
else
lDay=parseInt(lDay,10);

dt=new Date(lYear,lMonth,lDay);
var cdMax=new Date(cl_dpMaxYear,cl_dpMaxMonth,cl_dpMaxDay);
var cdMin=new Date(cl_dpMinYear,cl_dpMinMonth,cl_dpMinDay);
if(dt.compare(cdMax)>0 || dt.compare(cdMin)<0)
dt=null;
return dt;
}function dp_initDatePicker(dp,dt)
{
if(dp)
{
//Private Property
dp.curDate=dt;
dp.dpEnabled=true;
dp.maxDay=cl_dpMaxDay;
dp.maxMonth=cl_dpMaxMonth;
dp.maxYear=cl_dpMaxYear;
dp.minDay=cl_dpMinDay;
dp.minMonth=cl_dpMinMonth;
dp.minYear=cl_dpMinYear;
dp.oldDate=dt.clone(); //Private Method
dp.getDropDownTable=dp_getDropDownTable;
dp.getMonthName=dp_getMonthName;
dp.hideDropDown=dp_hideDropDown;
dp.initDropDown=dp_initDropDown;
dp.onDateChange=dp_onDateChange;
dp.refreshPostText=dp_refreshPostText;
dp.showDropDown=dp_showDropDown;

//Public Property
//All Span Properties can be used;
dp.offsetHor=0;

//Public Method
dp.setFocus=dp_setFocus;
dp.format=dp_format;
dp.getDateContent=dp_getDateContent;
dp.getDay=dp_getDay;
dp.getEnabled=dp_getEnabled;
dp.getMonth=dp_getMonth;
dp.getYear=dp_getYear;
dp.refreshView=dp_refreshView;
dp.setAccessKey=dp_setAccessKey;
dp.setCurDate=dp_setCurDate;
dp.setDateDes=dp_setDateDes;
dp.setEnabled=dp_setEnabled;
dp.setFormat=dp_setFormat;
dp.setMaxDate=dp_setMaxDate;
dp.setMinDate=dp_setMinDate;
dp.setTabIndex=dp_setTabIndex;
dp.setWeekName=dp_setWeekName;

//Event
dp.dateChanged=null;

//Init View
dp.refreshView();
}
}function dp_createDropDown()
{
var ddt=getDropDownTable();
if(ddt)
return ddt;
document.body.insertAdjacentHTML("BeforeEnd",
"<TABLE id=dpDropDownTable CELLSPACING=0 "+
"onclick=\"dp_ddt_click();\" "+
"ondblclick=\"dp_ddt_dblclick();\">"+
"<TR class=DPTitle>"+
"<TD><span class=DPBtn onclick=\"dp_monthChange(-1);\" title=\"上月\">《</span></TD>"+
"<TD align=center colspan=5></TD>"+
"<TD><span class=DPBtn onclick=\"dp_monthChange(1);\" title=\"下月\">》</span></TD>"+
"</TR>"+
"<TR>"+
"<TD class=DPWeekName>星期日</TD>"+
"<TD class=DPWeekName>星期一</TD>"+
"<TD class=DPWeekName>星期二</TD>"+
"<TD class=DPWeekName>星期三</TD>"+
"<TD class=DPWeekName>星期四</TD>"+
"<TD class=DPWeekName>星期五</TD>"+
"<TD class=DPWeekName>星期六</TD>"+
"</TR>"+
"</TABLE>");
ddt=getDropDownTable();
if(ddt)
{
var row=null;
var cell=null;
for(var i=2; i<8; i++)
{
row=ddt.insertRow(i);
if(row)
{
for(var j=0; j<7; j++)
{
cell=row.insertCell(j);
// if(cell)
// {
// }
}
}
}
}
if(ddt.rows.length!=8)
ddt=null;
return ddt;
}function dp_getYear()
{
var dp=this;
return dp.curDate.getFullYear();
}function dp_getMonth()
{
var dp=this;
return dp.curDate.getMonth()+1;
}function dp_getDay()
{
var dp=this;
return dp.curDate.getDate();
}function dp_format(sFormat)
{
var dp=this;
return dp.curDate.format(sFormat);
}function dp_setAccessKey(sKey)
{
var dp=this;
var src=dp.children[0];
if(src && src.tagName=="INPUT")
{
src.accessKey=sKey;
}
}function dp_getEnabled()
{
var dp=this;
var val=false;

if(dp.dpEnabled)
val=true;
else
val=false;
return val;
}function dp_setEnabled(val)
{
var dp=this;
var hr=false;

var src=dp.children[0];
if(src && src.tagName=="INPUT")
{
src.disabled=!val;
src=dp.children[2];
if(src && src.tagName=="INPUT")
{
src.disabled=!val;
src=dp.children[4];
if(src && src.tagName=="INPUT")
{
src.disabled=!val;
dp.dpEnabled=val;
hr=true;
}
}
}
return hr;
}function dp_setFocus()
{
var dp=this;
var src=dp.children[0];
if(src && src.tagName=="INPUT" && !src.disabled)
{
src.focus();
}
}function dp_getDateContent()
{
var dp=this;
var con="";
var sYearDes="";
var sMonthDes="";
var sDayDes="";
var src=dp.children[1];

if(src && src.tagName=="FONT")
{
sYearDes=src.innerText;
src=dp.children[3];
if(src && src.tagName=="FONT")
{
sMonthDes=src.innerText;
src=dp.children[5];
if(src && src.tagName=="FONT")
{
sDayDes=src.innerText;
var dt=dp.curDate;
con=dt.getFullYear()+sYearDes+(dt.getMonth()+1)+sMonthDes+dt.getDate()+sDayDes;
}
}
}
return con;
}function dp_setFormat(sFormat)
{
this.formatString=sFormat;
this.refreshPostText();
}function dp_refreshPostText()
{
var dp=this;
var sFormat="yyyy/mm/dd";

if(typeof(dp.formatString)=="string")
sFormat=dp.formatString;
var txt=dp.children[8];
if(txt && txt.tagName=="INPUT")
txt.value=dp.format(sFormat);
}function dp_initDropDown()
{
var dp=this;
var ddt=dp.getDropDownTable();
if(ddt)
{
ddt.curCell=null;
var cell=null;
var dt=new Date(dp.curDate.getFullYear(),dp.curDate.getMonth(),1);
cell=ddt.rows[0].cells[1];
if(cell)
{
cell.innerText=dp.getMonthName(dt.getMonth())+" "+dt.getFullYear();
} var wd=dt.getDay();
dt=new Date(dt.getFullYear(),dt.getMonth(),1-wd);
var day=dt.getDate();

for(var i=2; i<8; i++)
{
for(var j=0; j<7; j++)
{
cell=ddt.rows[i].cells[j];
if(cell)
{
if(dp.curDate.getMonth()!=dt.getMonth())
cell.className="DPCellOther";
else if(dp.curDate.getDate()!=dt.getDate())
cell.className="DPCell";
else
{
cell.className="DPCell";
dp_onCell(cell);
}
cell.innerText=day;
cell.year=dt.getFullYear();
cell.month=dt.getMonth();
dt.setDate(day+1);
day=dt.getDate();
}
}
}
}
}

接上：function dp_getMonthName(lMonth)
{
var mnArr=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
return mnArr[lMonth];
}function dp_setWeekName()
{
var dp=this;
var ddt=dp.getDropDownTable();
if(ddt)
{
var cell=null;

for(var j=0; j<7; j++)
{
cell=ddt.rows[1].cells[j];
if(cell)
{
cell.innerText=arguments[j];
}
}
}
}function dp_showDropDown()
{
var dp=this;
var ddt=dp.getDropDownTable(); if(ddt)
{
if(ddt.style.display=="block")
{
dp.hideDropDown();
}
else
{
dp.initDropDown();
if(ddt.clientWidth==0)
{
ddt.style.pixelLeft=-500;
ddt.style.pixelTop=-500;
ddt.style.display="block";
} var ddtWidth=ddt.clientWidth==0?266:ddt.clientWidth;
var ddtHeight=ddt.clientHeight==0?133:ddt.clientHeight; var lLeft=getOffsetLeft(dp);
var lTop=getOffsetTop(dp)+dp.offsetHeight;
if((lTop+ddtHeight)>(document.body.clientHeight+document.body.scrollTop))
{
lTop-=(ddtHeight+dp.offsetHeight+2);
} if((lLeft+ddtWidth)>(document.body.clientWidth+document.body.scrollLeft))
{
lLeft=document.body.clientWidth+document.body.scrollLeft-ddtWidth-2;
} var off=parseInt(dp.offsetHor,10);
if(isNaN(off))
off=0;
ddt.style.pixelLeft=lLeft+off;
ddt.style.pixelTop=lTop;
ddt.dpOldDocClick=document.onclick;
ddt.dpOldDocKeyDown=document.onkeydown; event.cancelBubble=true;
event.returnValue=false;
document.onclick=dp_sub_docClick;
document.onkeydown=dp_sub_dockeydown; ddt.style.display="block";
}
}
}function getDropDownTable()
{
var ddt=document.all("dpDropDownTable");
if(!(ddt && ddt.tagName=="TABLE"))
ddt=null;
return ddt;
}function dp_hideDropDown()
{
var ddt=getDropDownTable();
if(ddt)
{
ddt.style.display="none";
document.onclick=ddt.dpOldDocClick;
document.onkeydown=ddt.dpOldDocKeyDown;
}
}function dp_getDropDownTable()
{
var dp=this;
dp.dropDownTable=dp_createDropDown(); if(dp.dropDownTable && dp.dropDownTable.tagName=="TABLE")
{
dp.dropDownTable.dp=dp;
return dp.dropDownTable;
}
else
return null;
}function dp_onDateChange()
{
var dp=this;
if(dp.curDate.compare(dp.oldDate)!=0)
{
dp.oldDate=dp.curDate.clone();
dp.refreshView();
dp.refreshPostText();
if(typeof(dp.dateChanged)=="function")
dp.dateChanged(dp.curDate.getFullYear(),dp.curDate.getMonth()+1,dp.curDate.getDate());
}
}function dp_refreshView()
{
var dp=this;
var hr=false;

if(dp && dp.curDate)
{
var src=dp.children[0];
if(src && src.tagName=="INPUT")
{
src.value=dp.curDate.getFullYear();
src=dp.children[2];
if(src && src.tagName=="INPUT")
{
src.value=dp.curDate.getMonth()+1;
src=dp.children[4];
if(src && src.tagName=="INPUT")
{
src.value=dp.curDate.getDate();
hr=true;
}
}
}
}
return hr;
}function dp_setTabIndex(lTabIndex)
{
var dp=this;
var hr=false;

if(dp)
{
var src=dp.children[0];
if(src && src.tagName=="INPUT")
{
src.tabIndex=lTabIndex;
src=dp.children[2];
if(src && src.tagName=="INPUT")
{
src.tabIndex=lTabIndex;
src=dp.children[4];
if(src && src.tagName=="INPUT")
{
src.tabIndex=lTabIndex;
src=dp.children[7];
if(src && src.tagName=="A")
{
src.tabIndex=lTabIndex;
hr=true;
}
}
}
}
}
return hr;
}function dp_setDateDes(sYearDes,sMonthDes,sDayDes)
{
if(sYearDes==null)
sYearDes="-";
if(sMonthDes==null)
sMonthDes="-";
if(sDayDes==null)
sDayDes="";

var dp=this;
var hr=false;

var src=dp.children[1];
if(src && src.tagName=="FONT")
{
src.innerText=sYearDes;
src=dp.children[3];
if(src && src.tagName=="FONT")
{
src.innerText=sMonthDes;
src=dp.children[5];
if(src && src.tagName=="FONT")
{
src.innerText=sDayDes;
hr=true;
}
}
}
return hr;
}function dp_setMaxDate(lYear,lMonth,lDay)
{
var dp=this;
var hr=false;

if(dp)
{
lYear=parseInt(lYear,10);
lMonth=parseInt(lMonth,10);
lDay=parseInt(lDay,10);

if(!(isNaN(lYear) || isNaN(lMonth) || isNaN(lDay)))
{
lMonth--;
var dt=new Date(lYear,lMonth,lDay);
var dMin=new Date(dp.minYear,dp.minMonth,dp.minDay);
var cdMax=new Date(cl_dpMaxYear,cl_dpMaxMonth,cl_dpMaxDay);

if(dt.compare(cdMax)<=0 && dt.compare(dMin)>=0)
{
dp.maxYear=dt.getFullYear();
dp.maxMonth=dt.getMonth();
dp.maxDay=dt.getDate();
hr=true;
}
}
}
return hr;
}function dp_setMinDate(lYear,lMonth,lDay)
{
var dp=this;
var hr=false;

if(dp)
{
lYear=parseInt(lYear,10);
lMonth=parseInt(lMonth,10);
lDay=parseInt(lDay,10);

if(!(isNaN(lYear) || isNaN(lMonth) || isNaN(lDay)))
{
lMonth--;
var dt=new Date(lYear,lMonth,lDay);
var dMax=new Date(dp.maxYear,dp.maxMonth,dp.maxDay);
var cdMin=new Date(cl_dpMinYear,cl_dpMinMonth,cl_dpMinDay);

if(dt.compare(dMax)<=0 && dt.compare(cdMin)>=0)
{
dp.minYear=dt.getFullYear();
dp.minMonth=dt.getMonth();
dp.minDay=dt.getDate();
hr=true;
}
}
}
return hr;
}

接上：function dp_setCurDate(lYear,lMonth,lDay)
{
var dp=this;
var hr=false; lYear=parseInt(lYear,10);
lMonth=parseInt(lMonth,10);
lDay=parseInt(lDay,10);

if(!(isNaN(lYear) || isNaN(lMonth) || isNaN(lDay)))
{
var dt=new Date(lYear,lMonth-1,lDay);
var dMax=new Date(dp.maxYear,dp.maxMonth,dp.maxDay);
var dMin=new Date(dp.minYear,dp.minMonth,dp.minDay);
if(dt.compare(dMax)<=0 && dt.compare(dMin)>=0)
{
dp.curDate=dt;
dp.onDateChange();
hr=true;
}
}

if(!hr)
dp.refreshView();
return hr;
}function dp_DropClick()
{
var src=event.srcElement;
var dp=getParentFromSrc(src,"SPAN")
if(dp && dp.className=="DPFrame" && dp.dpEnabled)
{
dp.showDropDown();
}
}function dp_focus(srcType)
{
var src=event.srcElement;
if(src && src.tagName=="INPUT")
{
switch(srcType)
{
case 'year':
break;
case 'month':
break;
case 'day':
break;
default:;
}
src.select();
}
return true;
}function dp_blur(srcType)
{
var src=event.srcElement;
var dp=getParentFromSrc(src,"SPAN")
if(src && src.tagName=="INPUT" && dp && dp.className=="DPFrame")
{
var lYear=dp.curDate.getFullYear();
var lMonth=dp.curDate.getMonth()+1;
var lDay=dp.curDate.getDate();

var val=parseInt(src.value,10);
if(isNaN(val))
val=-1;
switch(srcType)
{
case 'year':
lYear=val==-1?lYear:val;
break;
case 'month':
lMonth=val==-1?lMonth:val;
break;
case 'day':
lDay=val==-1?lDay:val;
break;
default:;
}
dp.setCurDate(lYear,lMonth,lDay);
if(val==-1)
dp.refreshView();
}
return true;
}function dp_keyDown(srcType)
{
var src=event.srcElement;
var dp=getParentFromSrc(src,"SPAN")
var bRefresh=true;

if(dp && dp.className=="DPFrame")
{
var lYear=dp.curDate.getFullYear();
var lMonth=dp.curDate.getMonth();
var lDay=dp.curDate.getDate();
var lStep=0;

switch(event.keyCode)
{
case 38:
lStep=1;
break;
case 40:
lStep=-1;
break;
case 13:
event.keyCode=9;
break;
default:
bRefresh=false;
} switch(srcType)
{
case 'year':
lYear+=lStep;
break;
case 'month':
lMonth+=lStep;
break;
case 'day':
lDay+=lStep;
break;
default:;
}
if(bRefresh)
dp.setCurDate(lYear,lMonth+1,lDay);
}
return true;
}function dp_monthChange(lStep)
{
var src=event.srcElement;
if(src)
{
var ddt=getDropDownTable();
if(ddt && ddt.dp)
{
var dt=ddt.dp.curDate.clone();
var lOldMonth=dt.getMonth();
var lOldDay=dt.getDate();

dt.setDate(1);
dt.setMonth(lOldMonth+lStep+1);
dt.setDate(0);
if(dt.getDate()>lOldDay)
dt.setDate(lOldDay);
if(ddt.dp.setCurDate(dt.getFullYear(),dt.getMonth()+1,dt.getDate()))
ddt.dp.initDropDown();
}
}
}function dp_ddt_click()
{
var src=event.srcElement;
if(src && src.tagName=="TD")
{
var ddt=getDropDownTable();
if(ddt && ddt.dp)
{
var lOldMonth=ddt.dp.curDate.getMonth();
if(ddt.dp.setCurDate(src.year,parseInt(src.month,10)+1,parseInt(src.innerText,10)))
{
if(src.month!=lOldMonth)
ddt.dp.initDropDown();
else
dp_onCell(src);
}
}
}
}function dp_onCell(src)
{
var row=src.parentElement;
if(row && row.tagName=="TR" && row.rowIndex>1)
{
var ddt=getDropDownTable();
if(ddt)
{
if(ddt.curCell)
ddt.curCell.className=ddt.curCellOldClass;
ddt.curCellOldClass=src.className;
src.className="DPCellSelect";
ddt.curCell=src;
}
}
}function dp_ddt_dblclick()
{
var src=event.srcElement;
if(src && src.tagName=="TD")
{
var ddt=getDropDownTable();
if(ddt && ddt.dp)
{
var lOldMonth=ddt.dp.curDate.getMonth();
if(ddt.dp.setCurDate(src.year,parseInt(src.month,10)+1,parseInt(src.innerText,10)))
{
ddt.dp.hideDropDown();
}
}
}
}function dp_sub_docClick()
{
var src=event.srcElement;
var ddt=getParentFromSrc(src,"TABLE");
if(!ddt || ddt.id!="dpDropDownTable")
{
dp_hideDropDown();
}
event.cancelBubble=true;
event.returnValue=false; return false;}function dp_sub_dockeydown()
{
dp_hideDropDown();
return true;
}(完）

第二个:
dateobject.jsfunction initDateObject()
{
Date.prototype.compare=date_compare;
Date.prototype.clone=date_clone;
Date.prototype.format=date_format;
}function date_format(sFormat)
{
var dt=this;
if(sFormat==null || typeof(sFormat)!="string")
sFormat="";
sFormat=sFormat.replace(/yyyy/ig,dt.getFullYear());
var y=""+dt.getYear();
if(y.length>2)
{
y=y.substring(y.length-2,y.length);
}
sFormat=sFormat.replace(/yy/ig,y);
sFormat=sFormat.replace(/mm/ig,dt.getMonth()+1);
sFormat=sFormat.replace(/dd/ig,dt.getDate());
return sFormat;
}function date_clone()
{
return new Date(this.getFullYear(),this.getMonth(),this.getDate());
}function date_compare(dtCompare)
{
var dt=this;
var hr=0;

if(dt && dtCompare)
{
if(dt.getFullYear()>dtCompare.getFullYear())
hr=1;
else if(dt.getFullYear()<dtCompare.getFullYear())
hr=-1;
else if(dt.getMonth()>dtCompare.getMonth())
hr=1;
else if(dt.getMonth()<dtCompare.getMonth())
hr=-1;
else if(dt.getDate()>dtCompare.getDate())
hr=1;
else if(dt.getDate()<dtCompare.getDate())
hr=-1;
}
return hr;
}function date_getDateFromVT_DATE(dt)
{
dt=dt.replace(/-/g,"/");
dt=Date.parse(dt);
if(isNaN(dt))
dt=null;
else
dt=new Date(dt);
return dt;
}//Call the initialize function
initDateObject();

第三个：
editlib.jsfunction KeyFilter(type)
{
var berr=false;

switch(type)
{
case 'date':
if (!(event.keyCode == 45 || event.keyCode == 47 || (event.keyCode>=48 && event.keyCode<=57)))
berr=true;
break;
case 'number':
if (!(event.keyCode>=48 && event.keyCode<=57))
berr=true;
break;
case 'cy':
if (!(event.keyCode == 46 || (event.keyCode>=48 && event.keyCode<=57)))
berr=true;
break;
case 'long':
if (!(event.keyCode == 45 || (event.keyCode>=48 && event.keyCode<=57)))
berr=true;
break;
case 'double':
if (!(event.keyCode == 45 || event.keyCode == 46 || (event.keyCode>=48 && event.keyCode<=57)))
berr=true;
break;
default:
if (event.keyCode == 35 || event.keyCode == 37 || event.keyCode==38)
berr=true;
}
return !berr;
}function getParentFromSrc(src,parTag)
{
if(src && src.tagName!=parTag)
src=getParentFromSrc(src.parentElement,parTag);
return src;
}function switchToOption(sel,newOption,byWhat)
{
newOption=newOption.toString();
if(newOption && sel && sel.tagName=="SELECT")
{
newOption=trim(newOption);
var opts=sel.options;
for(var i=0;i<opts.length;i++)
{
if(trim(opts[i][byWhat].toString())==newOption)
{
sel.selectedIndex=i;
break;
}
}
}
}// Is a element visible?
function isElementVisible(src)
{
if(src)
{
var x=getOffsetLeft(src)+2-document.body.scrollLeft;
var y=getOffsetTop(src)+2-document.body.scrollTop;
if(ptIsInRect(x,y,0,0,document.body.offsetWidth,document.body.offsetHeight))
{
var e=document.elementFromPoint(x,y);
return src==e;
}
}

return false;
}function ptIsInRect(x,y,left,top,right,bottom)
{
return (x>=left && x<right) && (y>=top && y<bottom);
}function getOffsetLeft(src){
var set=0;
if(src)
{
if (src.offsetParent)
set+=src.offsetLeft+getOffsetLeft(src.offsetParent);

if(src.tagName!="BODY")
{
var x=parseInt(src.scrollLeft,10);
if(!isNaN(x))
set-=x;
}
}
return set;
}
function getOffsetTop(src){
var set=0;
if(src)
{
if (src.offsetParent)
set+=src.offsetTop+getOffsetTop(src.offsetParent);

if(src.tagName!="BODY")
{
var y=parseInt(src.scrollTop,10);
if(!isNaN(y))
set-=y;
}
}
return set;
}function isAnyLevelParent(src,par)
{
var hr=false;
if(src==par)
hr=true;
else if(src!=null)
hr=isAnyLevelParent(src.parentElement,par);

return hr;
}function isIE(version)
{
var i0=navigator.appVersion.indexOf("MSIE")
var i1=-1;
var ver=0;
if(i0>=0)
{
i1=navigator.appVersion.indexOf(" ",i0+1);
if(i1>=0)
{
i0=i1;
i1=navigator.appVersion.indexOf(";",i0+1);
if(i1>=0)
{
ver=parseFloat(navigator.appVersion.substring(i0+1,i1));
if(isNaN(ver))
ver=0;
}
}
}

return (navigator.userAgent.indexOf("MSIE")!= -1
&& navigator.userAgent.indexOf("Windows")!=-1
&& ((ver<(version+1) && ver>=version) || version==0));
}function getValidDate(str)
{
var sDate=str.replace(/\//g,"-");
var vArr=sDate.split("-");
var sRet="";

if(vArr.length>=3)
{
var year=parseInt(vArr[0],10);
var month=parseInt(vArr[1],10);
var day=parseInt(vArr[2],10);
if(!(isNaN(year) || isNaN(month) || isNaN(day)))
if(year>=1900 && year<9999 && month>=1 && month<=12)
{
var dt=new Date(year,month-1,day);
year=dt.getFullYear();
month=dt.getMonth()+1;
day=dt.getDate();
sRet=year+"-"+(month<10?"0":"")+month+"-"+(day<10?"0":"")+day;
}
}

return sRet;
}function getSafeValue(val,def)
{
if(typeof(val)=='undefined' || val==null)
return def;
else
return val;
}

调试程序:其中DatePicker.css帖不了，不好看。没有办法了。<HTML>
<SCRIPT language=javascript src="dateobject.js"></SCRIPT>
<SCRIPT language=javascript src="datepicker.js"></SCRIPT>
<SCRIPT language=javascript src="editlib.js"></SCRIPT>
<LINK href="DatePicker.css" rel=stylesheet>
<SCRIPT language=javascript>
//生成日期变量 - Begin
var exes_datey,exes_datem,exes_dated;
var dt=new Date();
lYear=dt.getFullYear();
lMonth=dt.getMonth();
lDay=dt.getDate();
//生成日期变量 - End
</script>
</HEAD><BODY BGCOLOR="#FFFFFF">
    <table>
        <TR>
          <TD>日期
            <SCRIPT language=javascript>
    var objCalendar=createDatePicker("exes_Dates",exes_datey,exes_datem,exes_dated);
    objCalendar.setCurDate(lYear,lMonth+1,lDay);
</SCRIPT>
             </TD></TR>
</table>
</BODY>
</HTML>

Andrawu(Andrawu) :挺长的。我吃过午饭再来看吧----吃饭时间只有一个小时，再不出去就吃不成了。

考下http://msdn.microsoft.com/downloads/samples/internet/behaviors/library/calendar/calendar.htc<script>
var ret=showModalDialog('about:<div id=calendar style="behavior:url(calendar.htc)" style=width:250;></div>
<input type=button onclick="window.value=(calendar.value);window.close()" value=确认>')
alert(ret)
</script>

可惜DatePicker.css帖不了，其实是很漂亮的，我再帖一次，试试。

DatePicker.css.DPFrame {
BACKGROUND-COLOR: transparent; BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; WIDTH: 140px
}
#dpDropDownTable {
BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: lightgrey 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: lightgrey 1px solid; CURSOR: default; DISPLAY: none; POSITION: absolute
}
.DPTitle {
BACKGROUND-COLOR: #00008b; COLOR: #fffacd; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: center
}
.DPWeekName {
BORDER-BOTTOM: black 1px solid; COLOR: #00008b; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: center
}
.DPCellOther {
COLOR: silver; CURSOR: hand; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: center
}
.DPCell {
COLOR: #00008b; CURSOR: hand; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: center
}
.DPCellSelect {
BACKGROUND-COLOR: #ffa07a; COLOR: #000000; CURSOR: hand; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: center
}
.DPYear {
BACKGROUND-COLOR: transparent; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; COLOR: blue; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: right
}
.DPYearDes {
BACKGROUND-COLOR: transparent
}
.DPMonth {
BACKGROUND-COLOR: transparent; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; COLOR: blue; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: right
}
.DPMonthDes {
BACKGROUND-COLOR: transparent
}
.DPDay {
BACKGROUND-COLOR: transparent; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; COLOR: blue; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: right
}
.DPDayDes {
BACKGROUND-COLOR: transparent
}
.DPSep {
BACKGROUND-COLOR: transparent; WIDTH: 10px
}
A.DPDropBtn:link {
COLOR: #000000; TEXT-DECORATION: none
}
A.DPDropBtn:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A.DPDropBtn:hover {
COLOR: blue; TEXT-DECORATION: none
}
.DPBtn {
BACKGROUND-COLOR: silver; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: white 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: white 1px solid; COLOR: black; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; WIDTH: 16px
}
.clsTD {
BORDER-BOTTOM: #dddddd 1px solid; BORDER-RIGHT: #dddddd 1px solid; COLOR: #000000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: left; WIDTH: 150px
}
.clsTR {
BACKGROUND-COLOR: #ffffff; COLOR: #fffacd; CURSOR: hand; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-ALIGN: left; WIDTH: 300px
}

辛苦了，呵呵，其实可以上传到自己网站，然后给个连接就可以了<script>
var ret=showModalDialog('about:<center><div id=calendar style="behavior:url(calendar.htc)" style=width:250;></div><input type=button onclick="window.value=(calendar.value);window.close()" value=确认>',"","dialogWidth=260px;dialogHeight=250px;help=no;")
alert(ret)
</script>

辛苦了，呵呵，其实可以上传到自己网站，然后给个连接就可以了修正了刚才的窗口大小,代码如下
<script>
var ret=showModalDialog('about:<center><div id=calendar style="behavior:url(calendar.htc)" style=width:250;></div><input type=button onclick="window.returnValue=(calendar.value);window.close()" value=确认>',"","dialogWidth=260px;dialogHeight=250px;help=no;")
alert(ret)
</script>

呵呵，与你们比起来，这算不了什么！
我没有自己网站，以前有，很久没有去了，被砍了。
qiushuiwuhen(秋水无恨)，你的也很好。

调试易

100分求购日期输入弹出框

解决方案 »