用js实现才对吧?javascript的说

解决方案 »

  1.   

    跟你说的略有不同,点击输入框既弹出日期窗口./*************************************************************
    <script language="javascript"> function getDateFromDialog(obj) //利用弹出输入日期
    {
    checkDateInput(obj); 
    var a=showModalDialog("/include/calendar.htm",obj.value.replace(/[-\.]/g,"\/"),"status:no;resizable:no;help:no;dialogHeight:220px;dialogWidth:319px;DialogLeft:"+event.screenX+";DialogTop:"+event.screenY);
    if (a!=null) obj.value=a;
    }function checkDateInput(obj)  //用于检查日期输入是否正确 (日期输入范围为1930-01-01 到2200-12-31)
    {
    if (obj.value.length==0) return false;
    var objValue=obj.value.replace(/[-\.]/g,"/");

    try
    {
    var a=new Date(objValue);
    if (isNaN(a))
    {
    obj.value="";
    alert("!!!!请注意:\n您刚才输入的日期不正确,我们已进处了清除。");
    obj.focus();
    return false;
    }
    var b;
    if (a.getFullYear()<1900||a.getFullYear()>2200)
    {var Today=new Date();
    b=Today.getFullYear()+"-"+(a.getMonth()+1)+"-"+a.getDate();
    }
    else if (a.getFullYear()<1930)
    b=(a.getFullYear()+100)+"-"+(a.getMonth()+1)+"-"+a.getDate();
    else b=a.getFullYear()+"-"+(a.getMonth()+1)+"-"+a.getDate();
    obj.value=obj.value.replace(/[-\.\/]0*/g,"-");
    if (b!=obj.value)
    {
    obj.value=b;
    alert("!!!!请注意:\n您刚才输入的日期不正确,我们已进行了修改。");
    obj.select();
    obj.focus();
    return false;
    }
    }
    catch(Exception)
    {
    obj.value="";
    alert("!!!!请注意:\n您刚才输入的日期不正确,我们已进处了清除。");
    obj.focus();
    return false;
    }
    return true;
    }</script>
    /***************************************************************/include/calendar.htm:
    <html>
    <head>
    <title>日历</title>
    <style>
    TD{

    font-size:12px; }
    </style>
    </head><body><table align=center><tr><td width=80%>
    <script language=javascript>
    document.write("<select name=yearInput onchange='showCalendar()'>");
    for (var i=1930;i<2200;i++) document.write("<option value='"+i+"'>"+i+"</option>");
    document.write("</select>年<select name=monthInput onchange='showCalendar()'>");
    for (var i=1;i<13;i++) document.write("<option value='"+i+"'>"+i+"</option>");
    document.write("</select>月");
    document.write("</td><td align=right><input type=button value=今天 onclick='returnToday();'>");
    </script>
    </td></tr></table>
    <div id="theCalendar" align=center width=100% >
    </div>
    </body>
    </html><script language="javascript">
    function showCalendar() //日历显示
    {
    var theCalendarContent="";
    var b=new Date(yearInput.value+"\/"+monthInput.value+"\/"+1);
    var c=new Date(yearInput.value+"\/"+(monthInput.value*1+1)+"\/"+0);
    var theMonthDays=c.getDate();
    var i=0;
    var j=b.getDay();
    var k=1;
    theCalendarContent+="<table onclick='getTD(event.srcElement)' border=1 style='border: solid 1 #5661a8; font-Size: 12px; font-family: Arial; background: #e0e3f7' width=100% align=center><tr bordercolorlight='#5661a8' bordercolordark='#5661a8' style='background: #5661a8; color: #ffffff'><td >周日</td><td>周一</td><td>周二</td><td>周三</td><td>周四</td><td>周五</td><td>周六</td></tr><tr>";
    for (j=0;j<b.getDay();j++) theCalendarContent+="<td>&nbsp;</td>";
    for (i=0;(i<6)&&(k<theMonthDays+1);i++)
    {
    for (j;j<7;j++)
    {
    if (k<theMonthDays+1) 

    if (j<6&&j>0) theCalendarContent+="<td bordercolorlight='#5661a8' align='center' style='color:#ff0000'>"+(k++)+"</td>";
    else theCalendarContent+="<td bordercolorlight='#5661a8' align='center'>"+(k++)+"</td>";
    }
    else  theCalendarContent+="<td>&nbsp;</td>";
    }
    theCalendarContent+="</tr><tr >";
    j=0;
    }
    theCalendarContent+="</tr></table>";
    theCalendar.innerHTML=theCalendarContent;
    }

    function getTD(obj) //返回选中日期
    {
    if (obj.tagName!="TD") return false;
    if (isNaN(obj.innerText)||(obj.innerText==0)) return false;
    var a=yearInput.value+"-"+monthInput.value+"-"+obj.innerText;
    window.returnValue=a;
    window.close();
    }

    function returnToday() //返回本日
    {
    var todaydate=new Date();
    var a=todaydate.getFullYear()+"-"+(todaydate.getMonth()+1)+"-"+todaydate.getDate();
    window.returnValue=a;
    window.close();
    } function initCalendar() //初始化日历
    {
    var a=window.dialogArguments;
    var b=new Date();
    if ((a!=null)&&(a.length>4)) b=new Date(a);
    if (isNaN(b)) b=new Date();
    yearInput.value=b.getFullYear();
    monthInput.value=(b.getMonth()+1);
    showCalendar();
    }
    initCalendar();

    </script>/*****************************************************************
    用法如下:<input type="text" name="signDate" onclick="getDateFromDialog(this)" onblur="checkDateInput(this)">
      

  2.   

    送你一个例子,2个html文件1个js文件。--------------------------
    showtime.html
    <HTML>
    <HEAD><script type="text/javascript" language="JavaScript">
    <!--
    function select_time()
    {
    var current_date=new Date();
    var current_hours=current_date.getHours();
    document.iform.itextarea.value=window.showModalDialog("time.html",current_hours);
    }
    -->
    </script>
    </HEAD>
    <BODY>
    <form name="iform">
    <textarea name="itextarea" ></textarea><br>
    <input type="button" name="ibutton" value="select" onclick="select_time()">&nbsp
    <input type="reset" name="ireset" value="reset">
    </BODY>
    </HTML>
    ---------------------------------------------------------
    time.html<HTML>
    <HEAD>
    <script language="javascript" src="time.js"></script>
    </HEAD>
    <BODY bgcolor="#8FBC8B">
    <div align=center>
    <form name="iform1">
    <table border=4>
    <tr>
    <td><input type="radio" name="iradio" value="1" onclick="radio1()" checked=true>1</td>
    <td><input type="radio" name="iradio" value="2" onclick="radio2()">2</td>
    <td><input type="radio" name="iradio" value="3" onclick="radio3()">3</td>
    </tr>
    <tr>
    <td><input type="radio" name="iradio" value="4" onclick="radio4()">4</td>
    <td><input type="radio" name="iradio" value="5" onclick="radio5()">5</td>
    <td><input type="radio" name="iradio" value="6" onclick="radio6()">6</td>
    </tr>
    <tr>
    <td><input type="radio" name="iradio" value="7" onclick="radio7()">7</td>
    <td><input type="radio" name="iradio" value="8" onclick="radio8()">8</td>
    <td><input type="radio" name="iradio" value="9" onclick="radio9()">9</td>
    <tr>
    <td><input type="radio" name="iradio" value="10" onclick="radio10()">10</td>
    <td><input type="radio" name="iradio" value="11" onclick="radio11()">11</td>
    <td><input type="radio" name="iradio" value="12" onclick="radio12()">12</td>
    </tr>
    </table>
    <input type="button" value="  ok  " onclick="selected()">&nbsp
    <input type="button" value="cancal" onclick="unselected()">
    </form>
    </div>
    </BODY>
    </HTML>
    ----------------------------------------------------------
    time.jshour=parseInt("dialogArgument");
    if(hour>12)
    {
    hour-=12;
    }
    if(hour==0)
    {
    hour=12;
    }
    function radio1()
    {
    hour=1;
    }
    function radio2()
    {
    hour=2;
    }
    function radio3()
    {
    hour=3;
    }
    function radio4()
    {
    hour=4;
    }
    function radio5()
    {
    hour=5;
    }
    function radio6()
    {
    hour=6;
    }
    function radio7()
    {
    hour=7;
    }
    function radio8()
    {
    hour=8;
    }
    function radio9()
    {
    hour=9;
    }
    function radio10()
    {
    hour=10;
    }
    function radio11()
    {
    hour=11;
    }
    function radio12()
    {
    hour=12;
    }
    function selected()
    {
    window.returnValue="currnt month is "+hour;
    window.close();
    }
    function unselected()
    {
    window.returnValue="unselected month";
    window.close();
    }
    ----------------------------------------------------------------
    现运行showtim.html点击select 即可看到效果。
    别忘了给分啊
      

  3.   

    奉劝楼主尽量用javascript实现,