Only show Month\Year in Ajax Calendar

 <script language="javascript" type="text/javascript">
        function onCalendarShown() {

            var cal = $find("calendar1");
            //Setting the default mode to month
            cal._switchMode("months", true);

            //Iterate every month Item and attach click event to it
            if (cal._monthsBody) {
                for (var i = 0; i < cal._monthsBody.rows.length; i++) {
                    var row = cal._monthsBody.rows[i];
                    for (var j = 0; j < row.cells.length; j++) {
                        Sys.UI.DomEvent.addHandler(row.cells[j].firstChild, "click", call);
                    }
                }
            }
        }

        function onCalendarHidden() {
            var cal = $find("calendar1");
            //Iterate every month Item and remove click event from it
            if (cal._monthsBody) {
                for (var i = 0; i < cal._monthsBody.rows.length; i++) {
                    var row = cal._monthsBody.rows[i];
                    for (var j = 0; j < row.cells.length; j++)

                    {
                       Sys.UI.DomEvent.removeHandler(row.cells[j].firstChild, "click", call);
                    }
                }
            }

        }

        function call(eventElement) {
            var target = eventElement.target;
            switch (target.mode) {
                case "month":
                    var cal = $find("calendar1");
                    cal._visibleDate = target.date;
                    cal.set_selectedDate(target.date);
                    cal._switchMonth(target.date);
                    cal._blur.post(true);
                    cal.raiseDateSelectionChanged();
                    break;
            }
        }

    </script>

<td>

   <div class="req1">

     <asp:TextBox ID="txtdate" runat="server"></asp:TextBox>

  <ccl:CalendarExtender ID="cal" TargetControlID="txtdate" 

                        OnClientHidden="onCalendarHidden"

                        OnClientShown="onCalendarShown" 

                        BehaviorID="calendar1" 

                        PopupButtonID="img1" runat="server"

                        Format="MM/yy">

  </ccl:CalendarExtender>

                                          

  </div>

    <asp:ImageButton ID="img1" runat="server" src="images/calender.png" Width="23" Height="26" Style="padding-top: 5px;" />

                                       

 <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtdate" ErrorMessage="select date" ForeColor="Red" ValidationGroup="a"></asp:RequiredFieldValidator>

</td>

Posted in: AJAX