随笔- 219 文章- 6 评论- 828 阅读- 24万

Calendar

Calendar控件实现客户端选择日期后隐藏

属性列表：
TargetControlID:与日历控件绑定的文本框
CssClass:日历的样式
Format:日历显示日期格式，如MMMM D,YYYY显示11/11/2005
PopupButtonID:当日期是通过选择某个按钮弹出的时候，指定按钮的ID
另外控件还提供5种客户端方法，支持用户在选择日期前后实现自定义的一些内容。
OnClientDateSelectionChanged:用户选择日期后发生的事件
OnClientHidden:客户端隐藏日历控件发生的事件
OnClientHiding:客户端隐藏日历控件前发生的事件
OnClientShowing:客户端显示日历控件前发生的事件
OnClientShown:客户端显示日历控件后发生的事件

实例解析一、简单实现与TEXTBOX的绑定效果（并实现OnClientHidden事件）

1.UI界面
<head runat="server">
    <title>无标题页</title>
    <script>
    function HideCalendarExtender()
    {
      alert("你设置了客户端隐藏控件要发生的事件了！");
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>

    </div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <cc1:CalendarExtender ID="CalendarExtender1" runat="server" Format="yyyy-mm-dd" OnClientHiding="HideCalendarExtender"
            TargetControlID="TextBox1">
        </cc1:CalendarExtender>
    </form>
</body>