gfreesky博客


    留下自己的脚印是一件很惬意的事:)
    博客园--美好愿望 美好生活......
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

AjaxControlTookit系列之Calendar

Posted on 2008-10-26 11:25  gfreesky  阅读(606)  评论(0编辑  收藏  举报

这里要实现的是AjaxControlTookit的Calendar功能,这个功能的实现可以有多种方法,如用Js、网上有些控件也可以实现,这里只介绍CalendarExtender这个控件是如何实现的,好下面开始。

还是先让大家看看效果图吧:

图1:

图2:

图3:

下面开始,很简单o

 <form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<br />
<br />
<b>Default Calendar:</b><br />
<asp:TextBox ID="Date1" runat="server"></asp:TextBox>
<cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="Date1">
</cc1:CalendarExtender>
<br />
<br />
<b>Calendar with Custom Style and Date Format:</b><br />
<asp:TextBox ID="Date2" runat="server"></asp:TextBox>
<cc1:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="Date2" Format="MMMM d,yyyy">
</cc1:CalendarExtender>
<br /><br />
<b>Calendar with an associated button:</b><br />
<asp:TextBox ID="Date3" runat="server"></asp:TextBox>
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/Calendar_scheduleHS.png"/>
<cc1:CalendarExtender ID="CalendarExtender3" runat="server" TargetControlID="Date3" PopupButtonID="Image1">
</cc1:CalendarExtender>
</div>
</form>


三种情况,自己任意选吧!图上面有,自己对照着看吧
是不是很简单呢。