Thursday, 4 July 2013

How To Change asp.net calender control to year view


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