求一个.net的web的日期控件

不想用Calendar
那个太大了
给页面都撑开了
想要一个textbox得到焦点后弹出来一个Calendar样子的控件
单击日期后textbox中就有对应的日期
并且弹出来的Calendar样子的控件也会消失
我新手
希望高手帮帮我先谢谢了

解决方案 »

  1.   

    额... 那样的你可以上网上找些js写的
    很多的
    都很漂亮
    而且都是引用现成的.JS 和.css文件 很方便的
      

  2.   

    my97控件
    extjs 就有http://www.open-open.com/ajax/DatePicker.htm
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
        <script type="text/javascript" src="JS/Calendar1.js"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
           <asp:TextBox ID="TextBox1" runat="server" onfocus="calendar()"></asp:TextBox>
            </div>
        </form>
    </body>
    </html>
    <script type="text/javascript" src="JS/Calendar1.js"></script>
    内容在下面
      

  4.   

    <!--
    /* 调用方法：
      <input onfocus="calendar()" name="s2" type="text" id="s2" style="width:100%;" />
    */
    var cal_Width = 180;//定义日历显示的宽度，至少140document.write("<div id='meizzCalendarLayer' style='position: absolute; z-index: 9999; width: " + (cal_Width+4).toString() + "px; height: 193px; display: none'>");
    document.write("<iframe name='meizzCalendarIframe' scrolling='no' frameborder='0' width='100%' height='100%'></iframe></div>");
    var WebCalendar = new WebCalendar();function document.onclick()
    {
        if(WebCalendar.eventSrc != window.event.srcElement) hiddenCalendar();
    }function WebCalendar() //初始化日历的设置
    {
        this.regInfo    = "WEB Calendar ver 3.0&#13;关闭的快捷键：[Esc]";
        
        this.dayShow    = 38;                       //定义页面上要显示的天数,不能小于35,或大于39
        this.daysMonth  = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
        this.day        = new Array(this.dayShow);            //定义日历展示用的数组
        this.dayObj     = new Array(this.dayShow);            //定义日期展示控件数组
        this.dateStyle  = null;                     //保存格式化后日期数组
        this.objExport  = null;                     //日历回传的显示控件
        this.eventSrc   = null;                     //日历显示的触发控件
        this.inputDate  = null;                     //转化外的输入的日期(d/m/yyyy)
        this.thisYear   = new Date().getFullYear(); //定义年的变量的初始值
        this.thisMonth  = new Date().getMonth()+ 1; //定义月的变量的初始值
        this.thisDay    = new Date().getDate();     //定义日的变量的初始值
        this.today      = this.thisDay +"/"+ this.thisMonth +"/"+ this.thisYear;   //今天(d/m/yyyy)
        this.iframe     = window.frames("meizzCalendarIframe"); //日历的 iframe 载体
        this.calendar   = getObjectById("meizzCalendarLayer");  //日历的层
        this.dateReg    = "";           //日历格式验证的正则式    this.yearFall   = 50;           //定义显示的年份下拉框的年差值，如果今年是2000年，这里设置为50，就显示1950－2050
        this.format     = "yyyy-mm-dd"; //回传日期的格式
        this.timeShow   = false;        //是否返回时间
        this.drag       = true;         //是否允许拖动
        this.darkColor  = "#95B7F3";    //控件的暗色
        this.lightColor = "#FFFFFF";    //控件的亮色
        this.btnBgColor = "#E6E6FA";    //控件的按钮背景色
        this.wordColor  = "#000080";    //控件的文字颜色
        this.wordDark   = "#DCDCDC";    //控件的暗文字颜色
        this.dayBgColor = "#F5F5FA";    //日期数字背景色
        this.todayColor = "#FF0000";    //今天在日历上的标示背景色
        this.DarkBorder = "#D4D0C8";    //日期显示的立体表达色
        
        this.yearOption = "";
        var yearNow = new Date().getFullYear();
        yearNow = (yearNow <= 1000)? 1000 : ((yearNow >= 9999)? 9999 : yearNow);
        var yearMin = (yearNow - this.yearFall >= 1000) ? yearNow - this.yearFall : 1000;
        var yearMax = (yearNow + this.yearFall <= 9999) ? yearNow + this.yearFall : 9999;
            yearMin = (yearMax == 9999) ? yearMax-this.yearFall*2 : yearMin;
            yearMax = (yearMin == 1000) ? yearMin+this.yearFall*2 : yearMax;
        for (var i=yearMin; i<=yearMax; i++) this.yearOption += "<option value='"+i+"'>"+i+"年</option>";
    }
      

  5.   

    这个确实太多了,我发给你几个
    直接可以用的完整代码
    [email protected]
      

  6.   

    先谢谢大家了
    http://keith-wood.name/datepick.html
    这里面的是我想要的控件
    不过我太笨
    弄了半天都还不行
    下载下来的那个打包文件里有一个datepickBasics.html不过用不了
    谁能帮我做一个html的简单应用这控件的文件
    传给我下
    [email protected]
    谢谢帮助我这菜鸟的所有好心人了
      

  7.   

    DayPilot - AJAX Calendar Scheduling Controlsmy blog
    http://ufo-crackerx.blog.163.com/
      

  8.   

     my 97使用方法。在 textbox里直接方这个就好了
    <asp:TextBox ID="txtNewDate" runat="server" onfocus="new WdatePicker(this,'%Y-%M-%D %h:%m:%s',true,'default')"></asp:TextBox>
      

  9.   


    在此宝地问个问题在asp.net中控件imagebutton怎么使用onmouseover="this.className='bb'"这个功能的呢
      

  10.   

    还是不行啊哪个好人能帮我做一个跟http://keith-wood.name/datepick.html一样的实例给我看下啊
      

  11.   

    My97DatePicker 控件蛮好用的 网上搜一下很多的
      

  12.   

    http://www.my97.net/dp/index.asp到这里去下个