非常常见的一个控件


效果如下:


 


 


默认calendar:





altas(ajax)控件(五):日历控件Calendar_日历控件<asp:TextBox runat="server" ID="Date1" autocomplete="off" />

altas(ajax)控件(五):日历控件Calendar_日历控件<ajaxToolkit:CalendarExtender ID="defaultCalendarExtender" runat="server" TargetControlID="Date1" />


注:需要设置的是


TargetControlID="Date1"。


 


 


带格式匹配的Calendar:






altas(ajax)控件(五):日历控件Calendar_日历控件<asp:TextBox runat="server" ID="Date2" autocomplete="off" />

altas(ajax)控件(五):日历控件Calendar_日历控件<ajaxToolkit:CalendarExtender ID="customCalendarExtender" runat="server" TargetControlID="Date2"            CssClass="MyCalendar" Format="MMMM d, yyyy" />


注:需要设置的是


TargetControlID="Date2"。


Format="MMMM d, yyyy"


 


按钮Calendar:




altas(ajax)控件(五):日历控件Calendar_日历控件<asp:TextBox runat="server" ID="Date5" />

altas(ajax)控件(五):日历控件Calendar_日历控件<asp:ImageButton runat="Server" ID="Image1" ImageUrl="~/images/Calendar_scheduleHS.png" AlternateText="Click to show calendar" />

altas(ajax)控件(五):日历控件Calendar_日历控件<ajaxToolkit:CalendarExtender ID="calendarButtonExtender" runat="server" TargetControlID="Date5"            PopupButtonID="Image1" />


注:需要设置的是


TargetControlID=" Date5"。


Format="MMMM d, yyyy"


PopupButtonID="Image1"


好玩的是:日历控件的选择年




和选择月的界面