主窗口:getDate.html
<HTML><BODY>
<p>您选定的日期是:<span id="dateStr"></span></p>
<button onclick="dateStr.innerText=window.showModalDialog('timeDlg.html','','dialogHeight:350px;dialogWidth:350px')">选择日期时间</button>
</BODY></HTML>
对话框: timeDlg.html<HTML>
<BODY style="text-align:center">
请选择年月日:<br>
      <object classid="clsid:8E27C92B-1264-101C-8A2F-040224009C02" id="Calendar1" width="250" height="160" onclick="if(this.Day=='0') this.Day='1'">
      </object>
<SCRIPT LANGUAGE="JavaScript">
 Calendar1.Today();
function getDate(){
 if(Calendar1.Day=="0") {return "";}
 str="" + make2(Calendar1.Year) + make2(Calendar1.Month) + make2(Calendar1.Day) ;
 str += make2(selHour.children[selHour.selectedIndex].value);
 str += make2(selMin.children[selMin.selectedIndex].value);
 str += make2(selSec.children[selSec.selectedIndex].value);
 return str;
}
function make2(num){return (num<10?"0":"") + num;}
window.returnValue = "";
</SCRIPT>
<p>
小时:<select id="selHour" size=1 style="width:40">
</select>
分钟:<select id="selMin" size=1 style="width:40">
</select>
秒钟:<select id="selSec" size=1 style="width:40">
</select>
<script>
 var e;
for(i=0;i<24;i++){
 e = document.createElement("OPTION");
 e.setAttribute("value", i);
 if(i==0) e.setAttribute("selected");
 e.innerText = i;
 selHour.appendChild(e);
}
for(i=0;i<60;i++){
 e = document.createElement("OPTION");
 e.setAttribute("value", i);
 if(i==0) e.setAttribute("selected");
 e.innerText = i;
 selMin.appendChild(e);
}
for(i=0;i<60;i++){
 e = document.createElement("OPTION");
 e.setAttribute("value", i);
 if(i==0) e.setAttribute("selected");
 e.innerText = i;
 selSec.appendChild(e);
}function returnDate(){
 window.returnValue = getDate();
 if(window.returnValue==""){ alert("无效日期"); return;}
 else if(confirm("您选的的日期是" + window.returnValue + ",确定吗?"))
  window.close();
 }
</script>
<br>
<button onclick="returnDate()">返回日期</button>
</BODY>
</HTML>
注:IE6 测试通过。
返回字串格式:YYYYMMDDHHMMSS

解决方案 »

  1.   

    我有个非常强大的日历程序,可以弹出窗口或者直接在原窗口显示不过源码太长,需要的话,留下mail
      

  2.   

    [email protected]给我发一份,谢谢!
      

  3.   

    http://www.csdn.net/expert/topic/726/726705.xml?temp=.6327021
      

  4.   

    [email protected]
    急需,谢谢
      

  5.   

    请给我一份,谢谢!
    [email protected]
      

  6.   

    请给我一份,谢谢!
    [email protected]我要做一个日程的模块!!!
      

  7.   

    把下列代码加入<head>...</head>之间:
    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
    //创建一个数组,用于存放每个月的天数
    function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) 
    {
    this[0] = m0;
    this[1] = m1;
    this[2] = m2;
    this[3] = m3;
    this[4] = m4;
    this[5] = m5;
    this[6] = m6;
    this[7] = m7;
    this[8] = m8;
    this[9] = m9;
    this[10] = m10;
    this[11] = m11;
    }
    //实现月历
    function calendar() {
    var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
    var today = new Date();
    var thisDay;
    var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
    year = today.getYear() +1900;
    thisDay = today.getDate();
    if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;
    nDays = monthDays[today.getMonth()];
    firstDay = today;
    firstDay.setDate(1);
    testMe = firstDay.getDate();
    if (testMe == 2) firstDay.setDate(0);
    startDay = firstDay.getDay();
    document.write("<TABLE BORDER='0' CELLSPACING='0' CELLPADDING='2' ALIGN='CENTER' BGCOLOR='#0080FF'>")
    document.write("<TR><TD><table border='0' cellspacing='1' cellpadding='2' bgcolor='Silver'>");
    document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>");
    var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
    var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
    var now = new Date();
    document.writeln("<FONT STYLE='font-size:9pt;Color:#330099'>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + "</FONT>");
    document.writeln("</TH></TR><TR><TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>日</FONT></TH>");
    document.writeln("<th bgcolor='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>一</FONT></TH>");
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>二</FONT></TH>");
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>三</FONT></TH>");
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>四</FONT></TH>");
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>五</FONT></TH>");
    document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>六</FONT></TH>");
    document.writeln("</TR><TR>");
    column = 0;
    for (i=0; i<startDay; i++) {
    document.writeln("\n<TD><FONT STYLE='font-size:9pt'> </FONT></TD>");
    column++;
    }for (i=1; i<=nDays; i++) {
    if (i == thisDay) {
    document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:9pt;Color:#ffffff'><B>")
    }
    else {
    document.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE='font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066'>");
    }
    document.writeln(i);
    if (i == thisDay) document.writeln("</FONT></TD>")
    column++;
    if (column == 7) {
    document.writeln("<TR>"); 
    column = 0;
    }
    }
    document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>")
    document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:9pt;Color:#ffffff'>")
    document.writeln("现在时间:<INPUT TYPE='Text' NAME='face' ALIGN='TOP'></FONT></TD></TR></TABLE>")
    document.writeln("</TD></TR></TABLE></FORM>");
    }
    </SCRIPT>
    <SCRIPT LANGUAGE="JavaScript">
    var timerID = null;
    var timerRunning = false;function stopclock (){
    if(timerRunning)
    clearTimeout(timerID);
    timerRunning = false;}//显示当前时间
    function showtime () {
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds()
    var timeValue = " " + ((hours >12) ? hours -12 :hours)
    timeValue += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue += ((seconds < 10) ? ":0" : ":") + seconds
    timeValue += (hours >= 12) ? " 下午 " : " 上午 "
    document.clock.face.value = timeValue;
    timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示
    timerRunning = true;}function startclock () {
    stopclock();
    showtime();}
    </SCRIPT> 
    再加入下列代码:
    <BODY BACKGROUND="bg1.jpg"
    onLoad="startclock(); timerONE=window.setTimeout" TEXT="#000000">
    <B><DIV ALIGN="center"></DIV>
    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
    <!--
    document.write("")
    calendar();
    //-->
    </SCRIPT>
    </BODY> 
      

  8.   

    这儿有源程序
    http://www.chinabs.net/download/download.asp?id=33&filename=calendar_js.rar
      

  9.   

    带农历的:)
    <html><head>
    <title>文本文件的数据库</title>
    <meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)">
    </head>
    <body>
    <embed src ="002.mid" hidden=true autostart=true loop=true>
    <script language="JavaScript"> 
    <!-- 
    var bsYear; 
    var bsDate; 
    var bsWeek; 
    var arrLen=8; //数组长度 
    var sValue=0; //当年的秒数 
    var dayiy=0; //当年第几天 
    var miy=0; //月份的下标 
    var iyear=0; //年份标记 
    var dayim=0; //当月第几天 
    var spd=86400; //每天的秒数 var year1999="30;29;29;30;29;29;30;29;30;30;30;29"; //354 
    var year2000="30;30;29;29;30;29;29;30;29;30;30;29"; //354 
    var year2001="30;30;29;30;29;30;29;29;30;29;30;29;30"; //384 
    var year2002="30;30;29;30;29;30;29;29;30;29;30;29"; //354 
    var year2003="30;30;29;30;30;29;30;29;29;30;29;30"; //355 
    var year2004="29;30;29;30;30;29;30;29;30;29;30;29;30"; //384 
    var year2005="29;30;29;30;29;30;30;29;30;29;30;29"; //354 
    var year2006="30;29;30;29;30;30;29;29;30;30;29;29;30"; var month1999="正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月" 
    var month2001="正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月" 
    var month2004="正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月" 
    var month2006="正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月" 
    var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十"; var Ys=new Array(arrLen); 
    Ys[0]=919094400;Ys[1]=949680000;Ys[2]=980265600; 
    Ys[3]=1013443200;Ys[4]=1044028800;Ys[5]=1074700800; 
    Ys[6]=1107878400;Ys[7]=1138464000; var Yn=new Array(arrLen); //农历年的名称 
    Yn[0]="己卯年";Yn[1]="庚辰年";Yn[2]="辛巳年"; 
    Yn[3]="壬午年";Yn[4]="癸未年";Yn[5]="甲申年"; 
    Yn[6]="乙酉年";Yn[7]="丙戌年"; 
    var D=new Date(); 
    var yy=D.getYear(); 
    var mm=D.getMonth()+1; 
    var dd=D.getDate(); 
    var ww=D.getDay(); 
    if (ww==0) ww="<font color=RED>星期日"; 
    if (ww==1) ww="星期一"; 
    if (ww==2) ww="星期二"; 
    if (ww==3) ww="星期三"; 
    if (ww==4) ww="星期四"; 
    if (ww==5) ww="星期五"; 
    if (ww==6) ww="<font color=RED>星期六"; 
    ww=ww; 
    var ss=parseInt(D.getTime() / 1000); 
    if (yy<100) yy="19"+yy; for (i=0;i<arrLen;i++) 
    if (ss>=Ys[i]){ 
    iyear=i; 
    sValue=ss-Ys[i]; //当年的秒数 

    dayiy=parseInt(sValue/spd)+1; //当年的天数 var dpm=year1999; 
    if (iyear==1) dpm=year2000; 
    if (iyear==2) dpm=year2001; 
    if (iyear==3) dpm=year2002; 
    if (iyear==4) dpm=year2003; 
    if (iyear==5) dpm=year2004; 
    if (iyear==6) dpm=year2005; 
    if (iyear==7) dpm=year2006; 
    dpm=dpm.split(";"); var Mn=month1999; 
    if (iyear==2) Mn=month2001; 
    if (iyear==5) Mn=month2004; 
    if (iyear==7) Mn=month2006; 
    Mn=Mn.split(";"); var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十"; 
    Dn=Dn.split(";"); dayim=dayiy; var total=new Array(13); 
    total[0]=parseInt(dpm[0]); 
    for (i=1;i<dpm.length-1;i++) total[i]=parseInt(dpm[i])+total[i-1]; 
    for (i=dpm.length-1;i>0;i--) 
    if (dayim>total[i-1]){ 
    dayim=dayim-total[i-1]; 
    miy=i; 

    bsWeek=ww; 
    bsDate=yy+"年"+mm+"月"; 
    bsDate2=dd; 
    bsYear="农历"+Yn[iyear]; 
    bsYear2=Mn[miy]+Dn[dayim-1]; 
    if (ss>=Ys[7]||ss<Ys[0]) bsYear=Yn[7]; function CAL()

       document.write("<table border='1' cellspacing='3' width='105' bordercolor='#000000' bgcolor='#FFFFFF' height='110'        cellpadding='2'>"); 
       document.write("<tr><td align='center'><b><font color=#008040>"+bsDate+"</font><br><font face='Arial' size='6'        color=#FF8040>"+bsDate2+"</font><br><font color=#008040><span style='FONT-SIZE: 10.5pt'>"); 
       document.write(bsWeek+"</span><br>"+"<br></b><font color=#9B4E00>"); 
       document.write(bsYear+"<br>"+bsYear2+"</td></tr></table>"); 

    //--> 
    </script> <script language="javascript">CAL();</script></body>
    </html>