http://free3.e-168.cn/sailing27/datepicker/demo.htm
看来这分我拿定了。呵呵

解决方案 »

  1.   

    <script src="11.js"></script>
     *setday(this,[object])和setday(this)
     *[object]是控件输出的控件名
    <input id=txt2>
    <input type=button value=setday onclick="setday(this,document.all.txt2)"> 
    <input onfocus="setday(this)"> 
     */
    11.js的内容:
    //------------------------------------------------------------------------------------------------------
    var bMoveable=true; 
    var _VersionInfo="原创:walkingpoison;修改者:不人不义;MAIL: [email protected]" ;
    //==================================================== WEB 页面显示部分 ===================================================== 
    var strFrame;        //存放日历层的HTML代码 
    document.writeln('<iframe id=meizzDateLayer Author=wayx frameborder=0 style="position: absolute; width: 144; height: 211; z-index: 9998; display: none"></iframe>'); 
    strFrame='<style>'; 
    strFrame+='INPUT.button{BORDER-RIGHT: #ff9900 1px solid;BORDER-TOP: #ff9900 1px solid;BORDER-LEFT: #ff9900 1px solid;'; 
    strFrame+='BORDER-BOTTOM: #ff9900 1px solid;BACKGROUND-COLOR: #fff8ec;font-family:宋体;}'; 
    strFrame+='TD{FONT-SIZE: 9pt;font-family:宋体;}'; 
    strFrame+='</style>'; 
    strFrame+='<scr' + 'ipt>'; 
    strFrame+='var datelayerx,datelayery;    /*存放日历控件的鼠标位置*/'; 
    strFrame+='var bDrag;    /*标记是否开始拖动*/'; 
    strFrame+='function document.onmousemove()    /*在鼠标移动事件中,如果开始拖动日历,则移动日历*/'; 
    strFrame+='{if(bDrag && window.event.button==1)'; 
    strFrame+='    {var DateLayer=parent.document.all.meizzDateLayer.style;'; 
    strFrame+='        DateLayer.posLeft += window.event.clientX-datelayerx;/*由于每次移动以后鼠标位置都恢复为初始的位置,因此写法与div中不同*/'; 
    strFrame+='        DateLayer.posTop += window.event.clientY-datelayery;}}'; 
    strFrame+='function DragStart()        /*开始日历拖动*/'; 
    strFrame+='{var DateLayer=parent.document.all.meizzDateLayer.style;'; 
    strFrame+='    datelayerx=window.event.clientX;'; 
    strFrame+='    datelayery=window.event.clientY;'; 
    strFrame+='    bDrag=true;}'; 
    strFrame+='function DragEnd(){        /*结束日历拖动*/'; 
    strFrame+='    bDrag=false;}'; 
    strFrame+='</scr' + 'ipt>'; 
    strFrame+='<div style="z-index:9999;position: absolute; left:0; top:0;" onselectstart="return false"><span id=tmpSelectYearLayer Author=wayx style="z-index: 9999;position: absolute;top: 3; left: 19;display: none"></span>'; 
    strFrame+='<span id=tmpSelectMonthLayer Author=wayx style="z-index: 9999;position: absolute;top: 3; left: 78;display: none"></span>'; 
    strFrame+='<table border=1 cellspacing=0 cellpadding=0 width=142 height=160 bordercolor=#ff9900 bgcolor=#ff9900 Author="wayx">'; 
    strFrame+=' <tr Author="wayx"><td width=142 height=23 Author="wayx" bgcolor=#FFFFFF><table border=0 cellspacing=1 cellpadding=0 width=140 Author="wayx" height=23>'; 
    strFrame+=' <tr align=center Author="wayx"><td width=16 align=center bgcolor=#ff9900 style="font-size:12px;cursor: hand;color: #ffffff" '; 
    strFrame+=' onclick="parent.meizzPrevM()" title="向前翻 1 月" Author=meizz><b Author=meizz>&lt;</b>'; 
    strFrame+=' </td><td width=60 align=center style="font-size:12px;cursor:default" Author=meizz '; 
    strFrame+='onmouseover="style.backgroundColor=\'#FFD700\'" onmouseout="style.backgroundColor=\'white\'" '; 
    strFrame+='onclick="parent.tmpSelectYearInnerHTML(this.innerText.substring(0,4))" title="点击这里选择年份"><span Author=meizz id=meizzYearHead></span></td>'; 
    strFrame+='<td width=48 align=center style="font-size:12px;cursor:default" Author=meizz onmouseover="style.backgroundColor=\'#FFD700\'" '; 
    strFrame+=' onmouseout="style.backgroundColor=\'white\'" onclick="parent.tmpSelectMonthInnerHTML(this.innerText.length==3?this.innerText.substring(0,1):this.innerText.substring(0,2))"'; 
    strFrame+=' title="点击这里选择月份"><span id=meizzMonthHead Author=meizz></span></td>'; 
    strFrame+=' <td width=16 bgcolor=#ff9900 align=center style="font-size:12px;cursor: hand;color: #ffffff" '; 
    strFrame+=' onclick="parent.meizzNextM()" title="向后翻 1 月" Author=meizz><b Author=meizz>&gt;</b></td></tr>'; 
    strFrame+=' </table></td></tr>'; 
    strFrame+=' <tr Author="wayx"><td width=142 height=18 Author="wayx">'; 
    strFrame+='<table border=1 cellspacing=0 cellpadding=0 bgcolor=#ff9900 ' + (bMoveable? 'onmousedown="DragStart()" onmouseup="DragEnd()"':''); 
    strFrame+=' BORDERCOLORLIGHT=#FF9900 BORDERCOLORDARK=#FFFFFF width=140 height=20 Author="wayx" style="cursor:' + (bMoveable ? 'move':'default') + '">';