Step:-1
---------
Drag the Calender Control From ajax tool kit
Step:2
--------
Write The Following JavaScript in your aspx page
<script type="text/javascript">
function ChangeCalendarView(sender, args) {
sender._switchMode("years", true);
}
</script>
After you done your aspx page will look like this
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Calender.Default" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script type="text/javascript">
function ChangeCalendarView(sender, args) {
sender._switchMode("years", true);
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:TextBox ID="txtFields1" runat="server"></asp:TextBox>
<asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtFields1" OnClientShown="ChangeCalendarView" StartDate="1/1/1940">
</asp:CalendarExtender></asp:Content>
Demo:-
No comments:
Post a Comment