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

chunfeng007 2008-08-20 05:10:57

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

...全文

89 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

picc_hk 2009-04-03

打赏
举报

太麻烦了。。。

以专业开发人员为伍 2008-08-20

打赏
举报

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

VC天下 2008-08-20

打赏
举报

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

以专业开发人员为伍 2008-08-20

打赏
举报



<%@ 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>