百分求一个日历的javascript代码

function selecttimefun(){
   var timestring = showModalDialog("/huadu_master_admins/seledatetime.jsp", "", "dialogLeft:"+(event.screenX-80)+";dialogTop:"+(event.screenY-80)+";dialogWidth:165px; dialogHeight:165px; edge:raised;help:off;status:off;scroll:off");

   if(timestring!="")
   {
document.form3.times_exps.value = timestring;
document.getElementById("times").innerHTML=timestring;
   }

}
-------------------------------------------------
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<title>选择时间</title>
<style>
.input1{font-family: "宋体"; font-size:9pt;height:15px;border:0px black solid;background:#f0f0f0;cursor:hand;background:none}
td{font-family: "宋体"; font-size:9pt;}
select{font-family: "宋体"; font-size:9pt;}
input{font-family: "宋体"; font-size:9pt;height:18px;line-height: 12pt;}
</style>
<script language="javascript">
function checkinput()
  {
    while (isNaN(document.all.years.value) || (document.all.years.value==" "))
    {
       document.all.years.value=years.value.substring(0,years.value.length-1)
    }
  }
function numberofdays(month,year)
  {
  var numdays=new Array(31,28,31,30,31,30,31,31,30,31,30,31)
  n=numdays[month]

  if (month==1&&year%4==0) ++n

  return n
  }function displaydates(day,month,year,shade){
  d=new Date(year,month,1)
  var startday=d.getDay()
  var numdays=numberofdays(month,year)
  var numrows=Math.ceil((numdays+startday)/7)  var tmps=""
  if((numdays+startday)%7>1) ++numrows
  var currentdate=0


  tmps="<table border=0 cellpadding=0 cellspacing=0><tr><td align='center'>日</td><td align='center'>一</td><td align='center'>二</td><td align='center'>三</td><td align='center'>四</td><td align='center'>五</td><td align='center'>六</td></tr><tr><td colspan=7 bgcolor=black><spacer height=1 type=block></td></tr>"
  for (var i=0;i<numrows;++i)
    {
    tmps=tmps+"<tr>"
    for(var j=0;j<7;++j){
     if (shade&&day==currentdate&&currentdate<numdays&&i*7+j>=startday)
       tmps=tmps+"<td bgcolor='#cccccc' style='border:1px solid #909090'>"
       else tmps=tmps+"<td>"
     if(currentdate>=numdays) tmps=tmps+" "
       else if(currentdate>0){
        ++currentdate
        tmps=tmps+writedate(currentdate)
        } else if(i*7+j>=startday){
        ++currentdate
        tmps=tmps+writedate(currentdate)
        }else tmps=tmps+" "
     tmps=tmps+"</td>"
     }
    tmps=tmps+"</tr>"
    }
  tmps=tmps+"</table>"
  return tmps
  }

function writedate(n){
return "<input type='button' class=input1 value='"+n.toString()+"' style='width:20' onclick='setvalue("+n.toString()+")'>"
}function setvalue(n)
  {
  window.returnValue=document.all.years.value+"-"+document.all.months.value+"-"+n
  document.all.days.value=n.toString()
  window.close();
  }function showdates()
  {  if ((event.x+150)>document.body.offsetWidth )
    datesbox.style.left=event.x+document.body.scrollLeft-150
    else
    datesbox.style.left=event.x+document.body.scrollLeft
  if ((event.y+165)>document.body.offsetHeight )
    datesbox.style.top=event.y+document.body.scrollTop-165
    else
    datesbox.style.top=event.y+document.body.scrollTop
  if (datesbox.style.visibility=="visible")
    datesbox.style.visibility="hidden"
    else
    datesbox.style.visibility="visible"
  yearadd(0)
  }function showdates2()
  {
  if (datesbox.style.visibility=="visible")
    datesbox.style.visibility="hidden"
    }

function changeit(d,m,y)
  {
  daysin.innerHTML=displaydates(d,m-1,y,true)
  }

function yearadd(n)
  {
  years.value=(eval(years.value)+n).toString()  changeit(eval(days.value)-1,eval(months.value),eval(years.value))
  }

</script><body style="font-size:9pt" bgcolor="#EFEBDE" oncontextmenu="return false;">
<div align="center">
  <table border=0 id="datesbox" cellspacing=0 cellpadding=2 width="151" height="23">
    <tr>
      <td rowspan=2 align="center" width="40">
        <input type="hidden" size="2" name="days" value="">
        <input name="years" size=4 value="0" onKeyUp="checkinput();changeit(eval(days.value),eval(months.value),eval(years.value))" onBlur="checkinput()" maxlength=4>
      </td>
      <td width="20" style="padding-right:1px" height="11" valign="bottom">
        <div name="yearup" style="cursor:hand;" onClick="yearadd(1)"><img alt="年份向后" src="/images/up.gif" width="9" height="6"></div>
      </td>
      <td rowspan="2" width="79">
        <select name="months" onChange="changeit(eval(days.value)-1,eval(months.value),eval(years.value))" style="length:320">
          <option value=1 selected>一月</option>
          <option value=2>二月</option>
          <option value=3>三月</option>
          <option value=4>四月</option>
          <option value=5>五月</option>
          <option value=6>六月</option>
          <option value=7>七月</option>
          <option value=8>八月</option>
          <option value=9>九月</option>
          <option value=10>十月</option>
          <option value=11>十一月</option>
          <option value=12>十二月</option>
        </select>
      </td>
    </tr>
    <tr>
      <td width="20" valign="top">
        <div name="yeardown" style="cursor:hand;" onClick="yearadd(-1)" valign="top"><img alt="年份向前" src="/images/down.gif" width="9" height="6"></div>
      </td>
    </tr>
  </table>
  <div id=daysin style="padding-top:4px"></div>
</div>
</body>
<script language="javascript">
//显示时间
function initdates()
{
   var d=new Date()

   days.value=d.getDate()
   months.value=d.getMonth()+1
   years.value=d.getYear()
   window.returnValue = ""
   //window.returnValue=d.getYear().toString()+"-"+(d.getMonth()+1).toString()+"-"+(d.getDate()).toString()
   daysin.innerHTML=displaydates(d.getDate()-1,d.getMonth(),d.getYear(),true)
}
initdates();
</script>
</html>
("/huadu_master_admins/seledatetime.jsp", 前面的那个("/huadu_master_admins多于------------
下面的日历代码
上面的function 是调用的
在你用的地方加
他调用下面的那个文件（seledatetime.jsp）
我的csdn博客中有，地址：http://blog.csdn.net/superjava_2006/archive/2007/07/15/1691790.aspx

调试易

百分求一个日历的javascript代码

解决方案 »