请问我要做个当鼠标双击文本框时就可弹出时间选择器，可选着年份和日期

请问我要做个当鼠标双击文本框时就可弹出时间选择器，可选着年份和日期
不想用JS的.代码太多了,指教啊

解决方案 »

  1.   

    VS自带的Calendar简单 但是丑
    想好看下载别人做好的
      

  2.   

    Calendar用TextBox的双击事件调出
      

  3.   


    <%@ Page Language="C#" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server">    protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
                this.Calendar1.Style["display"] = "none";
            this.TextBox1.Attributes["ondblclick"] = "var obj=" + this.Calendar1.ClientID + ";obj.style.display=obj.style.display=='none'?'inline':'none'";
        }    protected void Calendar1_SelectionChanged(object sender, EventArgs e)
        {
            this.TextBox1.Text = this.Calendar1.SelectedDate.ToString("yyyy-M-d");
        }
    </script><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        简单示例Calendar用法。实际使用时应该添加Calendar的更多控制事件，并且放入UpdatePanel中。
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>
                        请输入日期：
                    </td>
                    <td width="200px">
                        <table border="0">
                            <tr>
                                <td>
                                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td style="position: absolute">
                                    <asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged">
                                    </asp:Calendar>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        </form>
    </body>
    </html>
      

  4.   

    JS的，代码一点也不多，你什么都不用看，直接引用就行了。.NET自带的不怎么好用。
    参考http://www.my97.net/dp/demo/
      

  5.   

    对于年份选择，类似于这里的代码，你可以在Calendar控件正上方放一个DropDownlist控件用于选择年份，当用户选择年份时设置Calendar的相应属性（SelectedData等）。把DropdownList和Calcendar放入同一个Panel，并且把Page_Load中针对Calendar的控制改为针对整个Panel的控制即可。